@import url("https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700&display=swap&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,400&display=swap&subset=cyrillic");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");

/* Глобальные стили */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
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)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-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: InterVariable, Inter, sans-serif; /* 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]) {
  -webkit-text-decoration: underline dotted;
          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 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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 and border 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;
}
/*
Reset default styling for dialogs.
*/
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;
}
:root {
			--radius: 0.5rem;

			/**
			* @tokens Light Theme
			* @presenter Color
			*/

			--background: var(--secondary-bg);
			--foreground: 0 0% 3.9%;

			--primary: 222 47% 11%;
			--primary-hover: 217 33% 17%;
			--primary-foreground: 0 0% 98%;

			--secondary: 0 0% 96.1%;
			--secondary-foreground: 0 0% 9%;

			--card: 0 0% 100%;

			--card-foreground: 0 0% 3.9%;

			--popover: 0 0% 100%;

			--popover-foreground: 0 0% 3.9%;

			--muted-foreground: 0 0% 45.1%;

			--accent: 222 47% 11%;

			--accent-foreground: 0 0% 9%;

			--destructive: 0 84.2% 60.2%;

			--destructive-foreground: 0 0% 98%;

			--border: 0 0% 89.8%;

			--input: 0 0% 89.8%;

			--ring: 0 0% 3.9%;

			--chart-1: 173 58% 39%;
			--chart-2: 12 76% 61%;
			--chart-3: 197 37% 24%;
			--chart-4: 43 74% 66%;
			--chart-5: 27 87% 67%;

			/** Base **/
			--primary-accent: 222 47% 11%;
			--primary-accent-hover: 217 33% 17%;
			--primary-fg: 222 47% 11%;
			--primary-bg: 210 40% 98%;
			--primary-bg-hover: 214 32% 91%;
			--primary-border: 213 27% 84%;
			--secondary-accent: 222 47% 11%;
			--secondary-fg: 215 25% 27%;
			--secondary-bg: 0 0% 100%;
			--secondary-bg-hover: 210 40% 96%;
			--secondary-border: 214 32% 91%;
			--tertiary-accent: 215 16% 47%;
			--muted: 215 16% 47%;

			/** Inverse **/
			--inverse-primary-bg: 222 47% 11%;
			--inverse-secondary-bg: 217 33% 17%;
			--inverse-hover: 215 25% 27%;
			--inverse-active: 215 19% 35%;
			--inverse-border: 215 25% 27%;
			--inverse-muted: 215 20% 65%;
			--inverse-secondary-fg: 214 32% 91%;
			--inverse-primary-fg: 210 40% 98%;

			/** Status **/
			--status-default: 222 47% 11%;
			--status-default-hover: 217 33% 17%;
			--status-default-border: 215 25% 27%;
			--status-default-muted: 215 20% 65%;
			--status-default-bg-hover: 214 32% 91%;
			--status-default-bg: 210 40% 96%;
			--status-default-fg: 210 40% 98%;
			--status-info: 201 96% 32%;
			--status-info-hover: 200 98% 39%;
			--status-info-bg: 204 100% 97%;
			--status-info-bg-hover: 204 94% 94%;
			--status-info-border: 201 94% 86%;
			--status-success: 142 72% 29%;
			--status-success-hover: 142 76% 36%;
			--status-success-bg: 138 76% 97%;
			--status-success-bg-hover: 141 84% 93%;
			--status-success-border: 141 79% 85%;
			--status-warning: 32 95% 44%;
			--status-warning-hover: 38 92% 50%;
			--status-warning-bg: 33 100% 96%;
			--status-warning-bg-hover: 34 100% 92%;
			--status-warning-border: 32 98% 83%;
			--status-error: 0 74% 42%;
			--status-error-hover: 0 72% 51%;
			--status-error-bg: 0 86% 97%;
			--status-error-bg-hover: 0 93% 94%;
			--status-error-border: 0 96% 89%;
			--status-error-primary-border: 0 94% 82%;
			--status-error-secondary-border: 0 96% 89%;

			/** Alpha **/
			--alpha-03: 210 40% 96% / 3%;
			--alpha-05: 210 40% 96% / 5%;
			--alpha-08: 210 40% 96% / 8%;
			--alpha-10: 210 40% 96% / 10%;
			--alpha-20: 210 40% 96% / 20%;
			--alpha-30: 210 40% 96% / 30%;
			--alpha-40: 210 40% 96% / 40%;
			--alpha-50: 210 40% 96% / 50%;
			--alpha-60: 210 40% 96% / 60%;
			--alpha-70: 210 40% 96% / 70%;
			--alpha-80: 210 40% 96% / 80%;
			--alpha-90: 210 40% 96% / 90%;

			--alpha-high-03: 222 47% 11% / 3%;
			--alpha-high-05: 222 47% 11% / 5%;
			--alpha-high-08: 222 47% 11% / 8%;
			--alpha-high-10: 222 47% 11% / 10%;
			--alpha-high-20: 222 47% 11% / 20%;
			--alpha-high-30: 222 47% 11% / 30%;
			--alpha-high-40: 222 47% 11% / 40%;
			--alpha-high-50: 222 47% 11% / 50%;
			--alpha-high-60: 222 47% 11% / 60%;
			--alpha-high-70: 222 47% 11% / 70%;
			--alpha-high-80: 222 47% 11% / 80%;
			--alpha-high-90: 222 47% 11% / 90%;

			/** Autofill **/
			--autofill-bg: 213 100% 96%;

			/** Palette **/
			--peony: 340 100% 91%;
			--garnet: 0 100% 91%;
			--cinnamon:16 100% 89%;
			--caramel: 28 100% 86%;
			--hazel: 37 100% 84%;
			--honey: 44 98% 82%;
			--lemon: 54 100% 81%;
			--olive: 66 67% 78%;
			--sage: 87 71% 81%;
			--mint: 120 71% 85%;
			--bazil: 149 81% 81%;
			--spruce: 165 84% 77%;
			--aqua: 174 86% 75%;
			--azure: 180 84% 73%;
			--tiffany: 186 100% 75%;
			--marine: 189 100% 77%;
			--turquoise: 194 100% 80%;
			--frost: 202 100% 85%;
			--bosphorus: 216 100% 89%;
			--lavender: 247 100% 92%;
			--orchid: 276 100% 90%;
			--lilac: 296 100% 89%;
			--plume: 305 100% 88%;
			--velvet: 320 100% 87%;
		}
.dark {
			/**
			* @tokens Dark Theme
			* @presenter Color
			*/

			--foreground: 0 0% 98%;
			--card: 0 0% 3.9%;
			--card-foreground: 0 0% 98%;
			--popover: 0 0% 3.9%;
			--popover-foreground: 0 0% 98%;
			--primary: 210 40% 98%;
			--primary-hover: 214 32% 91%;
			--primary-foreground: 0 0% 9%;
			--secondary: 0 0% 14.9%;
			--secondary-foreground: 0 0% 98%;
			--muted-foreground: 0 0% 63.9%;
			--accent: 210 40% 98%;
			--accent-foreground: 0 0% 98%;
			--destructive: 0 62.8% 30.6%;
			--destructive-foreground: 0 0% 98%;
			--border: 0 0% 14.9%;
			--input: 0 0% 14.9%;
			--ring: 0 0% 83.1%;

			--chart-1: 220 70% 50%;
			--chart-2: 340 75% 55%;
			--chart-3: 30 80% 55%;
			--chart-4: 280 65% 60%;
			--chart-5: 160 60% 45%;

			/** Base **/
			--primary-accent: 210 40% 98%;
			--primary-accent-hover: 214 32% 91%;
			--primary-fg: 210 40% 98%;
			--primary-border: 215 19% 35%;
			--primary-bg: 229 84% 5%;
			--primary-bg-hover: 215 25% 27%;
			--secondary-accent: 210 40% 98%;
			--secondary-fg: 214 32% 91%;
			--secondary-border: 215 25% 27%;
			--secondary-bg: 222 47% 11%;
			--secondary-bg-hover: 217 33% 17%;
			--tertiary-accent: 215 20% 65%;
			--muted: 215 20% 65%;

			/** Inverse **/
			--inverse-primary-bg: 210 40% 98%;
			--inverse-secondary-bg: 210 40% 96%;
			--inverse-hover: 214 32% 91%;
			--inverse-active: 213 27% 84%;
			--inverse-border: 214 32% 91%;
			--inverse-muted: 215 16% 47%;
			--inverse-secondary-fg: 215 25% 27%;
			--inverse-primary-fg: 222 47% 11%;

			/** Status **/
			--status-default: 210 40% 98%;
			--status-default-hover: 210 40% 96%;
			--status-default-border: 214 32% 91%;
			--status-default-muted: 215 16% 47%;
			--status-default-bg-hover: 215 25% 27%;
			--status-default-bg: 217 33% 17%;
			--status-default-fg: 222 47% 11%;
			--status-info: 200 98% 39%;
			--status-info-hover: 199 89% 48%;
			--status-info-bg: var(--secondary-bg-hover);
			--status-info-bg-hover: var(--primary-bg-hover);
			--status-info-border: 202 80% 24%;
			--status-success: 142 76% 36%;
			--status-success-hover: 142 71% 45%;
			--status-success-bg: var(--secondary-bg-hover);
			--status-success-bg-hover: var(--primary-bg-hover);
			--status-success-border: 144 61% 20%;
			--status-warning-bg: var(--secondary-bg-hover);
			--status-warning-bg-hover: var(--primary-bg-hover);
			--status-warning-border: 28 73% 26%;
			--status-error-bg: var(--secondary-bg-hover);
			--status-error-bg-hover: var(--primary-bg-hover);
			--status-error-border: 0 63% 31%;
			--status-error-primary-border: 0 70% 35%;
			--status-error-secondary-border: 0 63% 31%;

			/** Alpha **/
			--alpha-03: 222 47% 11%/ 3%;
			--alpha-05: 222 47% 11% / 5%;
			--alpha-08: 222 47% 11% / 8%;
			--alpha-10: 222 47% 11% / 10%;
			--alpha-20: 222 47% 11% / 20%;
			--alpha-30: 222 47% 11% / 30%;
			--alpha-40: 222 47% 11% / 40%;
			--alpha-50: 222 47% 11% / 50%;
			--alpha-60: 222 47% 11% / 60%;
			--alpha-70: 222 47% 11% / 70%;
			--alpha-80: 222 47% 11% / 80%;
			--alpha-90: 222 47% 11% / 90%;

			--alpha-high-03: 0 0% 100% / 3%;
			--alpha-high-05: 0 0% 100% / 5%;
			--alpha-high-08: 0 0% 100% / 8%;
			--alpha-high-10: 0 0% 100% / 10%;
			--alpha-high-20: 0 0% 100% / 20%;
			--alpha-high-30: 0 0% 100% / 30%;
			--alpha-high-40: 0 0% 100% / 40%;
			--alpha-high-50: 0 0% 100% / 50%;
			--alpha-high-60: 0 0% 100% / 60%;
			--alpha-high-70: 0 0% 100% / 70%;
			--alpha-high-80: 0 0% 100% / 80%;
			--alpha-high-90: 0 0% 100% / 90%;

			/** Palette **/
			--peony: 340 35% 47%;
			--garnet: 0 35% 48%;
			--cinnamon:15 35% 43%;
			--caramel: 29 35% 39%;
			--hazel: 38 35% 36%;
			--honey: 44 35% 35%;
			--lemon: 49 52% 36%;
			--olive: 67 35% 32%;
			--sage: 87 35% 33%;
			--mint: 120 34% 34%;
			--bazil: 149 35% 34%;
			--spruce: 165 35% 34%;
			--aqua: 174 35% 33%;
			--azure: 180 35% 33%;
			--tiffany: 187 35% 35%;
			--marine: 190 35% 35%;
			--turquoise: 195 35% 37%;
			--frost: 201 35% 39%;
			--bosphorus: 217 35% 45%;
			--lavender: 247 35% 53%;
			--orchid: 275 35% 49%;
			--lilac: 296 35% 45%;
			--plume: 305 35% 45%;
			--velvet: 320 35% 46%;
		}
.gramax {
			/**
			* @tokens Gramax Theme
			* @presenter Color
			*/

			/** Base **/
			--primary-accent: 0 0% 9%;
			--primary-accent-hover: 0 0% 15%;
			--primary-fg: 0 0% 9%;
			--primary-border: 0 0% 83%;
			--primary-bg: 0 0% 98%;
			--primary-bg-hover: 0 0% 90%;
			--secondary-accent: 0 0% 9%;
			--secondary-fg: 0 0% 25%;
			--secondary-border: 0 0% 90%;
			--secondary-bg: 0 0% 100%;
			--secondary-bg-hover: 0 0% 96%;
			--tertiary-accent: 0 0% 45%;
			--muted: 0 0% 45%;

			/** Inverse **/
			--inverse-primary-bg: 0 0% 9%;
			--inverse-secondary-bg: 0 0% 15%; 
			--inverse-hover: 0 0% 25%;
			--inverse-active: 0 0% 32%; 
			--inverse-border: 0 0% 25%;
			--inverse-muted: 0 0% 64%;
			--inverse-secondary-fg: 0 0% 90%; 
			--inverse-primary-fg: 0 0% 98%;
		}
.quiz {
			/**
			* @tokens Quiz Theme
			* @presenter Color
			*/

			/** Base **/
			--primary-accent: 200 98% 39%;
			--primary-accent-hover: 199 89% 48%;
			--primary-fg: 222 47% 11%;
			--primary-border: 213 27% 84%;
			--primary-bg: 198 63% 97%;
			--primary-bg-hover: 197 61% 92%;
			--secondary-accent: 222 47% 11%;
			--secondary-fg: 215 25% 27%;
			--secondary-border: 214 32% 91%;
			--secondary-bg: 0 0% 100%;
			--secondary-bg-hover: 210 40% 96%;
			--tertiary-accent: 215 16% 47%;
			--muted: 215 16% 47%;
		}
* {
  border-color: hsl(var(--border));
}
body {
  background-color: hsl(var(--background));
  font-family: InterVariable, Inter, sans-serif;
  color: hsl(var(--foreground));
}
:root {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
* {
		scrollbar-width: thin;
		scrollbar-color: hsl(var(--secondary-border)) transparent;
	}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
  text-underline-offset: 24%;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25rem;
  margin-bottom: 1.25em;
  -webkit-padding-start: 1.625em;
          padding-inline-start: 1.625em;
  margin-left: 1.5rem;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25rem;
  margin-bottom: 1.25em;
  -webkit-padding-start: 1.625em;
          padding-inline-start: 1.625em;
  margin-left: 1.5rem;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: hsl(var(--muted));
  box-shadow: none;
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  -webkit-padding-end: 0.375em;
          padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  -webkit-padding-start: 0.375em;
          padding-inline-start: 0.375em;
  background: hsl(var(--secondary-bg));
  border: 1px solid hsl(var(--secondary-border));
  padding: 0.125rem 0.25rem;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 700;
  font-size: 0.875em;
  background: hsl(var(--secondary-bg-hover));
  border-radius: calc(var(--radius) - 4px);
  padding: 0.2rem 0.3rem;
  line-height: 1.25rem;
  font-family: Menlo;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "" !important;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "" !important;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  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;
  -webkit-padding-end: 1.1428571em;
          padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  -webkit-padding-start: 1.1428571em;
          padding-inline-start: 1.1428571em;
  border: 1px solid hsl(var(--secondary-border));
}
.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;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem;
  font-size: 0.875em;
  line-height: 1.7142857;
  border-collapse: collapse;
  border: 1px solid hsl(var(--secondary-border));
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) tbody tr:nth-child(odd) {
  background-color: hsl(var(--secondary-bg-hover));
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  -webkit-padding-end: 0.5714286em;
          padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  -webkit-padding-start: 0.5714286em;
          padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
  font-style: italic;
}
.prose {
  --tw-prose-body: hsl(var(--primary-fg));
  --tw-prose-headings: hsl(var(--primary-fg));
  --tw-prose-lead: hsl(var(--primary-fg));
  --tw-prose-links: hsl(var(--primary-fg));
  --tw-prose-bold: hsl(var(--primary-fg));
  --tw-prose-counters: hsl(var(--primary-fg));
  --tw-prose-bullets: hsl(var(--primary-fg));
  --tw-prose-hr: hsl(var(--secondary-border));
  --tw-prose-quotes: hsl(var(--primary-fg));
  --tw-prose-quote-borders: hsl(var(--secondary-border));
  --tw-prose-captions: hsl(var(--primary-fg));
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: hsl(var(--primary-fg));
  --tw-prose-pre-code: hsl(var(--primary-bg));
  --tw-prose-pre-bg: hsl(var(--primary-accent));
  --tw-prose-th-borders: hsl(var(--secondary-border));
  --tw-prose-td-borders: hsl(var(--secondary-border));
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0.375em;
          padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0.375em;
          padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  -webkit-padding-start: 1.625em;
          padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  -webkit-padding-end: 0.5714286em;
          padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  -webkit-padding-start: 0.5714286em;
          padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose :where(abbr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-underline-offset: 24%;
}
.prose :where(ins):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-underline-offset: 24%;
}
.prose :where(th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border: 1px solid hsl(var(--secondary-border));
  padding: 0.5rem 1rem;
}
.prose :where(td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border: 1px solid hsl(var(--secondary-border));
  padding: 0.5rem 1rem;
}
.font-smoothing {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
.\!sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.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;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-0\.5 {
  bottom: -0.125rem;
}
.-bottom-11 {
  bottom: -2.75rem;
}
.-bottom-12 {
  bottom: -3rem;
}
.-bottom-9 {
  bottom: -2.25rem;
}
.-left-11 {
  left: -2.75rem;
}
.-left-12 {
  left: -3rem;
}
.-left-9 {
  left: -2.25rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-11 {
  right: -2.75rem;
}
.-right-12 {
  right: -3rem;
}
.-right-9 {
  right: -2.25rem;
}
.-top-11 {
  top: -2.75rem;
}
.-top-12 {
  top: -3rem;
}
.-top-9 {
  top: -2.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-\[-3px\] {
  bottom: -3px;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-14 {
  right: 3.5rem;
}
.right-2 {
  right: 0.5rem;
}
.right-20 {
  right: 5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-\[-3px\] {
  right: -3px;
}
.right-\[-7px\] {
  right: -7px;
}
.right-\[3\.625rem\] {
  right: 3.625rem;
}
.right-\[5\.125rem\] {
  right: 5.125rem;
}
.right-px {
  right: 1px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-\[-7px\] {
  top: -7px;
}
.top-\[44px\] {
  top: 44px;
}
.top-\[45\%\] {
  top: 45%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[calc\(1\.5rem\+0\.125rem\)\] {
  top: calc(1.5rem + 0.125rem);
}
.top-px {
  top: 1px;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.-order-1 {
  order: -1;
}
.order-last {
  order: 9999;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.m-0 {
  margin: 0px;
}
.m-0\.5 {
  margin: 0.125rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-me-3 {
  -webkit-margin-end: -0.75rem;
          margin-inline-end: -0.75rem;
}
.-ml-0\.5 {
  margin-left: -0.125rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-3 {
  margin-left: -0.75rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-3\.5 {
  margin-left: 0.875rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-14 {
  margin-right: 3.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-\[-16px\] {
  margin-right: -16px;
}
.mr-auto {
  margin-right: auto;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-16px\] {
  margin-top: -16px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[1\.125rem\] {
  height: 1.125rem;
}
.h-\[1\.375rem\] {
  height: 1.375rem;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[11\.25rem\] {
  height: 11.25rem;
}
.h-\[11\.5rem\] {
  height: 11.5rem;
}
.h-\[110px\] {
  height: 110px;
}
.h-\[116px\] {
  height: 116px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[128px\] {
  height: 128px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[154px\] {
  height: 154px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[168px\] {
  height: 168px;
}
.h-\[178px\] {
  height: 178px;
}
.h-\[2\.1875rem\] {
  height: 2.1875rem;
}
.h-\[2\.375rem\] {
  height: 2.375rem;
}
.h-\[2000px\] {
  height: 2000px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[3\.25rem\] {
  height: 3.25rem;
}
.h-\[3\.75rem\] {
  height: 3.75rem;
}
.h-\[3\.875rem\] {
  height: 3.875rem;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[5\.5rem\] {
  height: 5.5rem;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[7\.5rem\] {
  height: 7.5rem;
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.h-svh {
  height: 100svh;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-8 {
  max-height: 2rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[10em\] {
  max-height: 10em;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[30vh\] {
  max-height: 30vh;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[calc\(100vh-44px\)\] {
  max-height: calc(100vh - 44px);
}
.max-h-\[min\(90vh\2c calc\(100vh-44px\)\)\] {
  max-height: min(90vh,calc(100vh - 44px));
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-40 {
  min-height: 10rem;
}
.min-h-80 {
  min-height: 20rem;
}
.min-h-\[1\.375rem\] {
  min-height: 1.375rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-svh {
  min-height: 100svh;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[--width\] {
  width: var(--width);
}
.w-\[1\.125rem\] {
  width: 1.125rem;
}
.w-\[1\.375rem\] {
  width: 1.375rem;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[11\.25rem\] {
  width: 11.25rem;
}
.w-\[11\.5rem\] {
  width: 11.5rem;
}
.w-\[164px\] {
  width: 164px;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[183px\] {
  width: 183px;
}
.w-\[2\.0625rem\] {
  width: 2.0625rem;
}
.w-\[2\.375rem\] {
  width: 2.375rem;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[268px\] {
  width: 268px;
}
.w-\[3\.75rem\] {
  width: 3.75rem;
}
.w-\[3\.875rem\] {
  width: 3.875rem;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[334px\] {
  width: 334px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[551px\] {
  width: 551px;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[87px\] {
  width: 87px;
}
.w-\[calc\(100vw-2rem\)\] {
  width: calc(100vw - 2rem);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-11 {
  min-width: 2.75rem;
}
.min-w-2\.5 {
  min-width: 0.625rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-3 {
  min-width: 0.75rem;
}
.min-w-3\.5 {
  min-width: 0.875rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-7 {
  min-width: 1.75rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-80 {
  min-width: 20rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-96 {
  min-width: 24rem;
}
.min-w-\[1\.375rem\] {
  min-width: 1.375rem;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[var\(--radix-popper-anchor-width\)\] {
  min-width: var(--radix-popper-anchor-width);
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.min-w-full {
  min-width: 100%;
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1144px\] {
  max-width: 1144px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[343px\] {
  max-width: 343px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[min\(480px\2c calc\(100vw-32px\)\)\] {
  max-width: min(480px,calc(100vw - 32px));
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-popover-content-transform-origin\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-center {
  transform-origin: center;
}
.origin-left {
  transform-origin: left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px {
  --tw-translate-x: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-11 {
  --tw-translate-x: 2.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-45\%\] {
  --tw-translate-y: -45%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes indeterminate-bar {
  0% {
    transform: translate(-50%) scaleX(.2);
  }
  100% {
    transform: translate(100%) scaleX(1);
  }
}
.animate-indeterminate-bar {
  animation: indeterminate-bar 1.5s cubic-bezier(.65,.815,.735,.395) infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize-x {
  resize: horizontal;
}
.resize {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[0_1fr\] {
  grid-template-columns: 0 1fr;
}
.grid-cols-\[50px_repeat\(6\2c 1fr\)\] {
  grid-template-columns: 50px repeat(6,1fr);
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-36 {
  gap: 9rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-px {
  gap: 1px;
}
.gap-x-0\.5 {
  column-gap: 0.125rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-\[5px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-5px * var(--tw-space-x-reverse));
  margin-left: calc(-5px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-xs {
  border-radius: calc(var(--radius) - 6px);
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-lg {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-r-sm {
  border-top-right-radius: calc(var(--radius) - 4px);
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-tl-lg {
  border-top-left-radius: var(--radius);
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[0\.5px\] {
  border-width: 0.5px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!border-r-0 {
  border-right-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-alpha-high-90 {
  border-color: hsl(var(--alpha-high-10));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-border {
  border-color: hsl(var(--border));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: hsl(var(--input));
}
.border-inverse-border {
  border-color: hsl(var(--inverse-border));
}
.border-inverse-primary-fg {
  border-color: hsl(var(--inverse-primary-fg));
}
.border-muted {
  border-color: hsl(var(--muted));
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-primary-accent {
  border-color: hsl(var(--primary-accent));
}
.border-primary-border {
  border-color: hsl(var(--primary-border));
}
.border-primary-fg {
  border-color: hsl(var(--primary-fg));
}
.border-primary\/20 {
  border-color: hsl(var(--primary) / 0.2);
}
.border-primary\/50 {
  border-color: hsl(var(--primary) / 0.5);
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-secondary-bg {
  border-color: hsl(var(--secondary-bg));
}
.border-secondary-border {
  border-color: hsl(var(--secondary-border));
}
.border-status-error-border {
  border-color: hsl(var(--status-error-border));
}
.border-status-error-secondary-border {
  border-color: hsl(var(--status-error-secondary-border));
}
.border-status-info-border {
  border-color: hsl(var(--status-info-border));
}
.border-status-success-border {
  border-color: hsl(var(--status-success-border));
}
.border-status-warning-border {
  border-color: hsl(var(--status-warning-border));
}
.border-transparent {
  border-color: transparent;
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-t-transparent {
  border-top-color: transparent;
}
.bg-alpha-20 {
  background-color: hsl(var(--alpha-80));
}
.bg-alpha-30 {
  background-color: hsl(var(--alpha-70));
}
.bg-alpha-high-20 {
  background-color: hsl(var(--alpha-high-80));
}
.bg-alpha-high-30 {
  background-color: hsl(var(--alpha-high-70));
}
.bg-alpha-high-80 {
  background-color: hsl(var(--alpha-high-20));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-foreground {
  background-color: hsl(var(--foreground));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-inverse-active {
  background-color: hsl(var(--inverse-active));
}
.bg-inverse-border {
  background-color: hsl(var(--inverse-border));
}
.bg-inverse-primary-bg {
  background-color: hsl(var(--inverse-primary-bg));
}
.bg-inverse-primary-fg {
  background-color: hsl(var(--inverse-primary-fg));
}
.bg-inverse-secondary-bg {
  background-color: hsl(var(--inverse-secondary-bg));
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary-accent {
  background-color: hsl(var(--primary-accent));
}
.bg-primary-bg {
  background-color: hsl(var(--primary-bg));
}
.bg-primary-bg-hover {
  background-color: hsl(var(--primary-bg-hover));
}
.bg-primary-border {
  background-color: hsl(var(--primary-border));
}
.bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/\[0\.03\] {
  background-color: hsl(var(--primary) / 0.03);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-secondary-bg {
  background-color: hsl(var(--secondary-bg));
}
.bg-secondary-bg-hover {
  background-color: hsl(var(--secondary-bg-hover));
}
.bg-secondary-border {
  background-color: hsl(var(--secondary-border));
}
.bg-slate-950\/80 {
  background-color: rgb(2 6 23 / 0.8);
}
.bg-status-error {
  background-color: hsl(var(--status-error));
}
.bg-status-error-bg {
  background-color: hsl(var(--status-error-bg));
}
.bg-status-error-bg-hover {
  background-color: hsl(var(--status-error-bg-hover));
}
.bg-status-error-border {
  background-color: hsl(var(--status-error-border));
}
.bg-status-error-secondary-border {
  background-color: hsl(var(--status-error-secondary-border));
}
.bg-status-info {
  background-color: hsl(var(--status-info));
}
.bg-status-info-bg {
  background-color: hsl(var(--status-info-bg));
}
.bg-status-info-bg-hover {
  background-color: hsl(var(--status-info-bg-hover));
}
.bg-status-info-border {
  background-color: hsl(var(--status-info-border));
}
.bg-status-neutral {
  background-color: hsl(var(--status-default));
}
.bg-status-neutral-bg {
  background-color: hsl(var(--status-default-bg));
}
.bg-status-neutral-fg {
  background-color: hsl(var(--status-default-fg));
}
.bg-status-success {
  background-color: hsl(var(--status-success));
}
.bg-status-success-bg {
  background-color: hsl(var(--status-success-bg));
}
.bg-status-success-bg-hover {
  background-color: hsl(var(--status-success-bg-hover));
}
.bg-status-success-border {
  background-color: hsl(var(--status-success-border));
}
.bg-status-warning {
  background-color: hsl(var(--status-warning));
}
.bg-status-warning-bg {
  background-color: hsl(var(--status-warning-bg));
}
.bg-status-warning-bg-hover {
  background-color: hsl(var(--status-warning-bg-hover));
}
.bg-status-warning-border {
  background-color: hsl(var(--status-warning-border));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-shadow-scroll {
  --tw-gradient-from: hsl(222, 47%, 11%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(222 47% 11% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-950\/50 {
  --tw-gradient-from: rgb(2 6 23 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-blue-100 {
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-slate-950\/80 {
  --tw-gradient-to: rgb(2 6 23 / 0.8) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.fill-alpha-30 {
  fill: hsl(var(--alpha-70));
}
.fill-alpha-high-20 {
  fill: hsl(var(--alpha-high-80));
}
.fill-current {
  fill: currentColor;
}
.fill-muted {
  fill: hsl(var(--muted));
}
.fill-none {
  fill: none;
}
.fill-primary-bg {
  fill: hsl(var(--primary-bg));
}
.fill-primary-bg-hover {
  fill: hsl(var(--primary-bg-hover));
}
.fill-primary-border {
  fill: hsl(var(--primary-border));
}
.fill-secondary-bg {
  fill: hsl(var(--secondary-bg));
}
.fill-secondary-bg-hover {
  fill: hsl(var(--secondary-bg-hover));
}
.fill-white {
  fill: #fff;
}
.stroke-current {
  stroke: currentColor;
}
.stroke-none {
  stroke: none;
}
.stroke-primary-border {
  stroke: hsl(var(--primary-border));
}
.stroke-secondary-border {
  stroke: hsl(var(--secondary-border));
}
.stroke-status-error {
  stroke: hsl(var(--status-error));
}
.stroke-\[0\.5px\] {
  stroke-width: 0.5px;
}
.stroke-\[1\.5px\] {
  stroke-width: 1.5px;
}
.stroke-\[2\.3px\] {
  stroke-width: 2.3px;
}
.stroke-\[3px\] {
  stroke-width: 3px;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.\!py-\[0\.3125rem\] {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.\!pl-8 {
  padding-left: 2rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pe-3 {
  -webkit-padding-end: 0.75rem;
          padding-inline-end: 0.75rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-\[0\.625rem\] {
  padding-top: 0.625rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: InterVariable, Inter, sans-serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs {
  font-size: 0.5rem;
  line-height: 0.5rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -0.02em;
}
.text-5xl {
  font-size: 3rem;
  line-height: 3.75rem;
  letter-spacing: -0.02em;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 4.5rem;
  letter-spacing: -0.02em;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 5.5rem;
  letter-spacing: -0.02em;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.375rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-none {
  line-height: 100% !important;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-none {
  line-height: 100%;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-primary-fg {
  color: hsl(var(--primary-fg)) !important;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-inverse-muted {
  color: hsl(var(--inverse-muted));
}
.text-inverse-primary-bg {
  color: hsl(var(--inverse-primary-bg));
}
.text-inverse-primary-fg {
  color: hsl(var(--inverse-primary-fg));
}
.text-inverse-secondary-fg {
  color: hsl(var(--inverse-secondary-fg));
}
.text-muted {
  color: hsl(var(--muted));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-accent {
  color: hsl(var(--primary-accent));
}
.text-primary-bg {
  color: hsl(var(--primary-bg));
}
.text-primary-bg\/70 {
  color: hsl(var(--primary-bg) / 0.7);
}
.text-primary-fg {
  color: hsl(var(--primary-fg));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-secondary-bg {
  color: hsl(var(--secondary-bg));
}
.text-secondary-fg {
  color: hsl(var(--secondary-fg));
}
.text-secondary-fg\/70 {
  color: hsl(var(--secondary-fg) / 0.7);
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-status-error {
  color: hsl(var(--status-error));
}
.text-status-error-hover {
  color: hsl(var(--status-error-hover));
}
.text-status-error\/70 {
  color: hsl(var(--status-error) / 0.7);
}
.text-status-info {
  color: hsl(var(--status-info));
}
.text-status-info-hover {
  color: hsl(var(--status-info-hover));
}
.text-status-info\/70 {
  color: hsl(var(--status-info) / 0.7);
}
.text-status-neutral {
  color: hsl(var(--status-default));
}
.text-status-success {
  color: hsl(var(--status-success));
}
.text-status-success-hover {
  color: hsl(var(--status-success-hover));
}
.text-status-success\/70 {
  color: hsl(var(--status-success) / 0.7);
}
.text-status-warning {
  color: hsl(var(--status-warning));
}
.text-status-warning-hover {
  color: hsl(var(--status-warning-hover));
}
.text-status-warning\/70 {
  color: hsl(var(--status-warning) / 0.7);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.\!shadow-focus {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted)) !important;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-focus {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-hard-sm {
  --tw-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.40), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 0.5px 0 0 rgba(255, 255, 255, 0.10) inset, 0 0 0.5px 0 rgba(2, 6, 23, 0.50);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), inset 0 0 0.5px 0 var(--tw-shadow-color), inset 0 0.5px 0 0 var(--tw-shadow-color), 0 0 0.5px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-base {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-lg {
  --tw-shadow: 0 8px 16px -4px rgba(15, 23, 42, 0.12), 0 4px 8px -4px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 8px 16px -4px var(--tw-shadow-color), 0 4px 8px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-md {
  --tw-shadow: 0 2px 4px -2px rgba(15, 23, 42, 0.12), 0 4px 8px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px -2px var(--tw-shadow-color), 0 4px 8px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-sm {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-primary-border {
  --tw-ring-color: hsl(var(--primary-border));
}
.ring-secondary-border {
  --tw-ring-color: hsl(var(--secondary-border));
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left,right,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[margin\2c opacity\] {
  transition-property: margin,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  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-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  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-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\!duration-500 {
  transition-duration: 500ms !important;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.\!duration-500 {
  animation-duration: 500ms !important;
}
.duration-1000 {
  animation-duration: 1000ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.underline {
		text-decoration: underline;
		text-underline-offset: 24%;
	}
.\[fill\:url\(\#cloud-left\)\] {
  fill: url(#cloud-left);
}
.\[fill\:url\(\#cloud-middle\)\] {
  fill: url(#cloud-middle);
}
.\[fill\:url\(\#cloud-right\)\] {
  fill: url(#cloud-right);
}
.\[fill\:url\(\#folder-bottom\)\] {
  fill: url(#folder-bottom);
}
.\[fill\:url\(\#folder-top\)\] {
  fill: url(#folder-top);
}
.\[fill\:url\(\#right-size-gradient\)\] {
  fill: url(#right-size-gradient);
}
.\[filter\:url\(\#shadow\)\] {
  filter: url(#shadow);
}
.\[filter\:url\(\#shadow-cloud\)\] {
  filter: url(#shadow-cloud);
}
.\[filter\:url\(\#shadow-folder\)\] {
  filter: url(#shadow-folder);
}
.\[mask-image\:linear-gradient\(to_left\2c rgba\(255\2c 255\2c 255\2c 0\)\2c \#fff_15\%\)\] {
  -webkit-mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 15%);
          mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 15%);
}
.\[mask-image\:linear-gradient\(to_left\2c rgba\(255\2c 255\2c 255\2c 0\)\2c \#fff_30\%\)\] {
  -webkit-mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 30%);
          mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 30%);
}
.placeholder\:text-inverse-muted::placeholder {
  color: hsl(var(--inverse-muted));
}
.placeholder\:text-muted::placeholder {
  color: hsl(var(--muted));
}
.placeholder\:opacity-50::placeholder {
  opacity: 0.5;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2::after {
  content: var(--tw-content);
  inset: -0.5rem;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.after\:bottom-1::after {
  content: var(--tw-content);
  bottom: 0.25rem;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:h-1::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.after\:w-1::after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-\[2px\]::after {
  content: var(--tw-content);
  width: 2px;
}
.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:\!bg-secondary-bg::after {
  content: var(--tw-content);
  background-color: hsl(var(--secondary-bg)) !important;
}
.after\:bg-primary::after {
  content: var(--tw-content);
  background-color: hsl(var(--primary));
}
.after\:bg-primary-foreground::after {
  content: var(--tw-content);
  background-color: hsl(var(--primary-foreground));
}
.first\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.first\:border-l:first-child {
  border-left-width: 1px;
}
.first\:border-l-0:first-child {
  border-left-width: 0px;
}
.first\:pl-2\.5:first-child {
  padding-left: 0.625rem;
}
.last\:rounded-r-md:last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.last\:pr-2\.5:last-child {
  padding-right: 0.625rem;
}
.invalid\:border-status-error-secondary-border:invalid {
  border-color: hsl(var(--status-error-secondary-border));
}
.invalid\:shadow-soft-base:invalid {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.read-only\:w-0:-moz-read-only {
  width: 0px;
}
.read-only\:w-0:read-only {
  width: 0px;
}
.read-only\:min-w-0:-moz-read-only {
  min-width: 0px;
}
.read-only\:min-w-0:read-only {
  min-width: 0px;
}
.read-only\:border-primary-border:-moz-read-only {
  border-color: hsl(var(--primary-border));
}
.read-only\:border-primary-border:read-only {
  border-color: hsl(var(--primary-border));
}
.read-only\:bg-secondary-bg-hover:-moz-read-only {
  background-color: hsl(var(--secondary-bg-hover));
}
.read-only\:bg-secondary-bg-hover:read-only {
  background-color: hsl(var(--secondary-bg-hover));
}
.read-only\:shadow-soft-sm:-moz-read-only {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.read-only\:shadow-soft-sm:read-only {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-inverse-border:hover {
  border-color: hsl(var(--inverse-border));
}
.hover\:border-muted:hover {
  border-color: hsl(var(--muted));
}
.hover\:border-primary-accent:hover {
  border-color: hsl(var(--primary-accent));
}
.hover\:border-primary-border:hover {
  border-color: hsl(var(--primary-border));
}
.hover\:border-secondary-border:hover {
  border-color: hsl(var(--secondary-border));
}
.hover\:border-status-error-border:hover {
  border-color: hsl(var(--status-error-border));
}
.hover\:border-status-error-primary-border:hover {
  border-color: hsl(var(--status-error-primary-border));
}
.hover\:border-status-error-secondary-border:hover {
  border-color: hsl(var(--status-error-secondary-border));
}
.hover\:border-status-info-border:hover {
  border-color: hsl(var(--status-info-border));
}
.hover\:border-status-success-border:hover {
  border-color: hsl(var(--status-success-border));
}
.hover\:border-status-warning-border:hover {
  border-color: hsl(var(--status-warning-border));
}
.hover\:\!bg-inverse-hover:hover {
  background-color: hsl(var(--inverse-hover)) !important;
}
.hover\:bg-alpha-high-97:hover {
  background-color: hsl(var(--alpha-high-03));
}
.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-inverse-hover:hover {
  background-color: hsl(var(--inverse-hover));
}
.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-accent-hover:hover {
  background-color: hsl(var(--primary-accent-hover));
}
.hover\:bg-primary-bg-hover:hover {
  background-color: hsl(var(--primary-bg-hover));
}
.hover\:bg-primary-border:hover {
  background-color: hsl(var(--primary-border));
}
.hover\:bg-secondary-bg-hover:hover {
  background-color: hsl(var(--secondary-bg-hover));
}
.hover\:bg-status-error-bg:hover {
  background-color: hsl(var(--status-error-bg));
}
.hover\:bg-status-error-bg-hover:hover {
  background-color: hsl(var(--status-error-bg-hover));
}
.hover\:bg-status-error-hover:hover {
  background-color: hsl(var(--status-error-hover));
}
.hover\:bg-status-info-bg:hover {
  background-color: hsl(var(--status-info-bg));
}
.hover\:bg-status-info-bg-hover:hover {
  background-color: hsl(var(--status-info-bg-hover));
}
.hover\:bg-status-info-hover:hover {
  background-color: hsl(var(--status-info-hover));
}
.hover\:bg-status-neutral-bg-hover:hover {
  background-color: hsl(var(--status-default-bg-hover));
}
.hover\:bg-status-neutral-hover:hover {
  background-color: hsl(var(--status-default-hover));
}
.hover\:bg-status-success-bg:hover {
  background-color: hsl(var(--status-success-bg));
}
.hover\:bg-status-success-bg-hover:hover {
  background-color: hsl(var(--status-success-bg-hover));
}
.hover\:bg-status-success-hover:hover {
  background-color: hsl(var(--status-success-hover));
}
.hover\:bg-status-warning-bg:hover {
  background-color: hsl(var(--status-warning-bg));
}
.hover\:bg-status-warning-bg-hover:hover {
  background-color: hsl(var(--status-warning-bg-hover));
}
.hover\:bg-status-warning-hover:hover {
  background-color: hsl(var(--status-warning-hover));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:from-blue-100:hover {
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:text-inverse-primary-fg:hover {
  color: hsl(var(--inverse-primary-fg));
}
.hover\:text-muted:hover {
  color: hsl(var(--muted));
}
.hover\:text-primary-bg:hover {
  color: hsl(var(--primary-bg));
}
.hover\:text-primary-fg:hover {
  color: hsl(var(--primary-fg));
}
.hover\:text-secondary-fg:hover {
  color: hsl(var(--secondary-fg));
}
.hover\:text-status-error:hover {
  color: hsl(var(--status-error));
}
.hover\:text-status-info:hover {
  color: hsl(var(--status-info));
}
.hover\:text-status-success:hover {
  color: hsl(var(--status-success));
}
.hover\:text-status-warning:hover {
  color: hsl(var(--status-warning));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-65:hover {
  opacity: 0.65;
}
.hover\:shadow-focus:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-soft-base:hover {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-soft-sm:hover {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:after\:bg-secondary-border:hover::after {
  content: var(--tw-content);
  background-color: hsl(var(--secondary-border));
}
.invalid\:hover\:border-status-error-primary-border:hover:invalid {
  border-color: hsl(var(--status-error-primary-border));
}
.invalid\:hover\:shadow-soft-base:hover:invalid {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.read-only\:hover\:bg-secondary-bg-hover:hover:-moz-read-only {
  background-color: hsl(var(--secondary-bg-hover));
}
.read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
  background-color: hsl(var(--secondary-bg-hover));
}
.focus\:rounded-lg:focus {
  border-radius: var(--radius);
}
.focus\:border:focus {
  border-width: 1px;
}
.focus\:border-primary-accent:focus {
  border-color: hsl(var(--primary-accent));
}
.focus\:border-primary-border:focus {
  border-color: hsl(var(--primary-border));
}
.focus\:border-secondary-border:focus {
  border-color: hsl(var(--secondary-border));
}
.focus\:border-status-error-secondary-border:focus {
  border-color: hsl(var(--status-error-secondary-border));
}
.focus\:border-status-success-border:focus {
  border-color: hsl(var(--status-success-border));
}
.focus\:bg-inverse-hover:focus {
  background-color: hsl(var(--inverse-hover));
}
.focus\:bg-secondary-bg:focus {
  background-color: hsl(var(--secondary-bg));
}
.focus\:bg-secondary-bg-hover:focus {
  background-color: hsl(var(--secondary-bg-hover));
}
.focus\:bg-status-success-bg:focus {
  background-color: hsl(var(--status-success-bg));
}
.focus\:shadow-focus:focus {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:shadow-focus-error:focus {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:shadow-soft-sm:focus {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.invalid\:focus\:border-status-error-secondary-border:focus:invalid {
  border-color: hsl(var(--status-error-secondary-border));
}
.invalid\:focus\:shadow-focus-error:focus:invalid {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.read-only\:focus\:bg-secondary-bg-hover:focus:-moz-read-only {
  background-color: hsl(var(--secondary-bg-hover));
}
.read-only\:focus\:bg-secondary-bg-hover:focus:read-only {
  background-color: hsl(var(--secondary-bg-hover));
}
.focus-visible\:z-10:focus-visible {
  z-index: 10;
}
.focus-visible\:rounded-lg:focus-visible {
  border-radius: var(--radius);
}
.focus-visible\:rounded-md:focus-visible {
  border-radius: calc(var(--radius) - 2px);
}
.focus-visible\:border:focus-visible {
  border-width: 1px;
}
.focus-visible\:border-ring:focus-visible {
  border-color: hsl(var(--ring));
}
.focus-visible\:border-secondary-border:focus-visible {
  border-color: hsl(var(--secondary-border));
}
.focus-visible\:border-status-error-secondary-border:focus-visible {
  border-color: hsl(var(--status-error-secondary-border));
}
.focus-visible\:border-tertiary-accent:focus-visible {
  border-color: hsl(var(--tertiary-accent));
}
.focus-visible\:bg-secondary-bg:focus-visible {
  background-color: hsl(var(--secondary-bg));
}
.focus-visible\:bg-secondary-bg-hover:focus-visible {
  background-color: hsl(var(--secondary-bg-hover));
}
.focus-visible\:\!shadow-focus:focus-visible {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted)) !important;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.focus-visible\:shadow-focus:focus-visible {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:shadow-focus-error:focus-visible {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-primary:focus-visible {
  --tw-ring-color: hsl(var(--primary));
}
.focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.invalid\:focus-visible\:border-status-error-secondary-border:focus-visible:invalid {
  border-color: hsl(var(--status-error-secondary-border));
}
.invalid\:focus-visible\:shadow-focus-error:focus-visible:invalid {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:bg-primary-bg-hover:active {
  background-color: hsl(var(--primary-bg-hover));
}
.active\:text-primary-accent:active {
  color: hsl(var(--primary-accent));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-primary-border:disabled {
  border-color: hsl(var(--primary-border));
}
.disabled\:border-secondary-border:disabled {
  border-color: hsl(var(--secondary-border));
}
.disabled\:bg-primary-bg:disabled {
  background-color: hsl(var(--primary-bg));
}
.disabled\:bg-secondary-bg-hover:disabled {
  background-color: hsl(var(--secondary-bg-hover));
}
.disabled\:text-muted-foreground:disabled {
  color: hsl(var(--muted-foreground));
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:shadow-soft-sm:disabled {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:hover\:border-primary-border:hover:disabled {
  border-color: hsl(var(--primary-border));
}
.group\/card:focus-within .group-focus-within\/card\:visible {
  visibility: visible;
}
.group\/input-group:focus-within .group-focus-within\/input-group\:block {
  display: block;
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
.group\/search-select-trigger:focus-within .group-focus-within\/search-select-trigger\:shadow-focus {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/card:hover .group-hover\/card\:visible {
  visibility: visible;
}
.group\/input-group:hover .group-hover\/input-group\:block {
  display: block;
}
.group:hover .group-hover\:bg-slate-900\/20 {
  background-color: rgb(15 23 42 / 0.2);
}
.group:hover .group-hover\:text-muted {
  color: hsl(var(--muted));
}
.group:hover .group-hover\:text-primary {
  color: hsl(var(--primary));
}
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:disabled .group-disabled\:hidden {
  display: none;
}
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted {
  color: hsl(var(--muted));
}
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg {
  color: hsl(var(--primary-fg));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer\/menu-button:disabled ~ .peer-disabled\/menu-button\:opacity-50 {
  opacity: 0.5;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
  pointer-events: none;
}
.has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
  grid-template-columns: 1.5rem 1fr;
}
.has-\[\>svg\]\:gap-x-4:has(>svg) {
  column-gap: 1rem;
}
.has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:border-secondary-border:has(div[data-input-group-element='contenteditable']:focus) {
  border-color: hsl(var(--secondary-border));
}
.has-\[input\:disabled\]\:border-primary-border:has(input:disabled) {
  border-color: hsl(var(--primary-border));
}
.has-\[input\:focus\]\:border-secondary-border:has(input:focus) {
  border-color: hsl(var(--secondary-border));
}
.has-\[input\:invalid\]\:border-status-error-secondary-border:has(input:invalid) {
  border-color: hsl(var(--status-error-secondary-border));
}
.has-\[input\:invalid\]\:has-\[input\:focus\]\:border-status-error-secondary-border:has(input:focus):has(input:invalid) {
  border-color: hsl(var(--status-error-secondary-border));
}
.has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:border-primary-border:has(input:-moz-read-only:not([type='file'])) {
  border-color: hsl(var(--primary-border));
}
.has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:border-primary-border:has(input:read-only:not([type='file'])) {
  border-color: hsl(var(--primary-border));
}
.has-\[input\[aria-invalid\=true\]\]\:border-status-error-secondary-border:has(input[aria-invalid=true]) {
  border-color: hsl(var(--status-error-secondary-border));
}
.has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:border-status-error-secondary-border:has(input:focus):has(input[aria-invalid=true]) {
  border-color: hsl(var(--status-error-secondary-border));
}
.has-\[\[data-variant\=inset\]\]\:bg-primary-bg:has([data-variant=inset]) {
  background-color: hsl(var(--primary-bg));
}
.has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:bg-secondary-bg:has(div[data-input-group-element='contenteditable']:focus) {
  background-color: hsl(var(--secondary-bg));
}
.has-\[input\:-webkit-autofill\]\:bg-\[hsl\(var\(--autofill-bg\)\)\]:has(input:-webkit-autofill) {
  background-color: hsl(var(--autofill-bg));
}
.has-\[input\:-webkit-autofill\]\:has-\[input\:focus\]\:bg-\[hsl\(var\(--autofill-bg\)\)\]:has(input:focus):has(input:-webkit-autofill) {
  background-color: hsl(var(--autofill-bg));
}
.has-\[input\:disabled\]\:bg-secondary-bg-hover:has(input:disabled) {
  background-color: hsl(var(--secondary-bg-hover));
}
.has-\[input\:focus\]\:bg-secondary-bg:has(input:focus) {
  background-color: hsl(var(--secondary-bg));
}
.has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:bg-secondary-bg-hover:has(input:-moz-read-only:not([type='file'])) {
  background-color: hsl(var(--secondary-bg-hover));
}
.has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:bg-secondary-bg-hover:has(input:read-only:not([type='file'])) {
  background-color: hsl(var(--secondary-bg-hover));
}
.has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:\!bg-secondary-bg-hover:has(input:focus):has(input:-moz-read-only:not([type='file'])) {
  background-color: hsl(var(--secondary-bg-hover)) !important;
}
.has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:\!bg-secondary-bg-hover:has(input:focus):has(input:read-only:not([type='file'])) {
  background-color: hsl(var(--secondary-bg-hover)) !important;
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:shadow-focus:has(div[data-input-group-element='contenteditable']:focus) {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:disabled\]\:shadow-soft-sm:has(input:disabled) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:focus\]\:shadow-focus:has(input:focus) {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:invalid\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input:invalid) {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:invalid\]\:shadow-soft-base:has(input:invalid) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:-moz-read-only:not([type='file'])) {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:read-only:not([type='file'])) {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-soft-sm:has(input:-moz-read-only:not([type='file'])) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-soft-sm:has(input:read-only:not([type='file'])) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input[aria-invalid=true]) {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\[aria-invalid\=true\]\]\:shadow-soft-base:has(input[aria-invalid=true]) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
  border-color: hsl(var(--status-error-primary-border));
}
.has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
  border-color: hsl(var(--status-error-primary-border));
}
.has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:-moz-read-only:not([type='file'])) {
  background-color: hsl(var(--secondary-bg-hover));
}
.has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
  background-color: hsl(var(--secondary-bg-hover));
}
.has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-\[invalid\=true\]\:border-status-error-secondary-border[aria-invalid="true"] {
  border-color: hsl(var(--status-error-secondary-border));
}
.aria-\[invalid\=true\]\:shadow-soft-base[aria-invalid="true"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
  border-color: hsl(var(--status-error-primary-border));
}
.aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
  border-color: hsl(var(--status-error-secondary-border));
}
.aria-\[invalid\=true\]\:focus\:shadow-focus-error:focus[aria-invalid="true"] {
  --tw-shadow: 0 0 0 1px hsl(var(--status-error));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[state\=open\]\:visible[data-state="open"] {
  visibility: visible;
}
.data-\[side\=left\]\:-top-1[data-side="left"] {
  top: -0.25rem;
}
.data-\[side\=right\]\:-top-1[data-side="right"] {
  top: -0.25rem;
}
.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
  height: 0.375rem;
}
.data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
  height: 100%;
}
.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
  height: 100%;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
  width: 100%;
}
.data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
  width: 0.375rem;
}
.data-\[orientation\=vertical\]\:w-5[data-orientation="vertical"] {
  width: 1.25rem;
}
.data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"] {
  --tw-translate-x: 18px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[22px\][data-state="checked"] {
  --tw-translate-x: 22px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0\.5[data-state="unchecked"] {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] {
  flex-direction: row;
}
.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
  flex-direction: column;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.data-\[state\=checked\]\:border-primary-accent[data-state="checked"] {
  border-color: hsl(var(--primary-accent));
}
.data-\[state\=indeterminate\]\:border-primary-accent[data-state="indeterminate"] {
  border-color: hsl(var(--primary-accent));
}
.data-\[state\=on\]\:border-primary-border[data-state="on"] {
  border-color: hsl(var(--primary-border));
}
.data-\[active\=true\]\:bg-primary-bg-hover[data-active="true"] {
  background-color: hsl(var(--primary-bg-hover));
}
.data-\[dragging\=true\]\:bg-secondary-bg-hover[data-dragging="true"] {
  background-color: hsl(var(--secondary-bg-hover));
}
.data-\[selected\=true\]\:bg-inverse-hover[data-selected="true"] {
  background-color: hsl(var(--inverse-hover));
}
.data-\[selected\=true\]\:bg-secondary-bg-hover[data-selected="true"] {
  background-color: hsl(var(--secondary-bg-hover));
}
.data-\[state\=active\]\:bg-primary-accent[data-state="active"] {
  background-color: hsl(var(--primary-accent));
}
.data-\[state\=active\]\:bg-secondary-bg[data-state="active"] {
  background-color: hsl(var(--secondary-bg));
}
.data-\[state\=checked\]\:bg-primary-accent[data-state="checked"] {
  background-color: hsl(var(--primary-accent));
}
.data-\[state\=completed\]\:bg-primary-accent[data-state="completed"] {
  background-color: hsl(var(--primary-accent));
}
.data-\[state\=indeterminate\]\:bg-primary-accent[data-state="indeterminate"] {
  background-color: hsl(var(--primary-accent));
}
.data-\[state\=on\]\:bg-inverse-active[data-state="on"] {
  background-color: hsl(var(--inverse-active));
}
.data-\[state\=on\]\:bg-primary-bg-hover[data-state="on"] {
  background-color: hsl(var(--primary-bg-hover));
}
.data-\[state\=on\]\:bg-secondary-bg-hover[data-state="on"] {
  background-color: hsl(var(--secondary-bg-hover));
}
.data-\[state\=open\]\:bg-inverse-active[data-state="open"] {
  background-color: hsl(var(--inverse-active));
}
.data-\[state\=open\]\:bg-inverse-hover[data-state="open"] {
  background-color: hsl(var(--inverse-hover));
}
.data-\[state\=open\]\:bg-primary-bg-hover[data-state="open"] {
  background-color: hsl(var(--primary-bg-hover));
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}
.data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"] {
  background-color: hsl(var(--secondary-bg-hover));
}
.data-\[state\=selected\]\:bg-alpha-high-95[data-state="selected"] {
  background-color: hsl(var(--alpha-high-05));
}
.data-\[state\=unchecked\]\:bg-secondary-border[data-state="unchecked"] {
  background-color: hsl(var(--secondary-border));
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[active\=true\]\:text-primary-accent[data-active="true"] {
  color: hsl(var(--primary-accent));
}
.data-\[placeholder\]\:text-muted[data-placeholder] {
  color: hsl(var(--muted));
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[selected\=true\]\:text-inverse-primary-fg[data-selected="true"] {
  color: hsl(var(--inverse-primary-fg));
}
.data-\[state\=active\]\:text-primary-bg[data-state="active"] {
  color: hsl(var(--primary-bg));
}
.data-\[state\=active\]\:text-primary-fg[data-state="active"] {
  color: hsl(var(--primary-fg));
}
.data-\[state\=checked\]\:text-primary-bg[data-state="checked"] {
  color: hsl(var(--primary-bg));
}
.data-\[state\=completed\]\:text-primary-bg[data-state="completed"] {
  color: hsl(var(--primary-bg));
}
.data-\[state\=indeterminate\]\:text-primary-bg[data-state="indeterminate"] {
  color: hsl(var(--primary-bg));
}
.data-\[state\=on\]\:text-primary-fg[data-state="on"] {
  color: hsl(var(--primary-fg));
}
.data-\[state\=open\]\:text-secondary-fg[data-state="open"] {
  color: hsl(var(--secondary-fg));
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=active\]\:shadow-soft-base[data-state="active"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=open\]\:shadow-none[data-state="open"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 500ms;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[5\%\][data-state="closed"] {
  --tw-exit-translate-y: -5%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-top-\[5\%\][data-state="open"] {
  --tw-enter-translate-y: -5%;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 500ms;
}
.\*\:data-\[slot\=avatar\]\:ring-2[data-slot="avatar"] > * {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\*\:data-\[slot\=avatar\]\:ring-background[data-slot="avatar"] > * {
  --tw-ring-color: hsl(var(--background));
}
.\*\:data-\[slot\=avatar\]\:grayscale[data-slot="avatar"] > * {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  left: 0px;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
  border-color: hsl(var(--primary-accent-hover));
}
.data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
  border-color: hsl(var(--primary-accent-hover));
}
.data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
  background-color: hsl(var(--primary-bg-hover));
}
.data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
  background-color: hsl(var(--primary-bg-hover));
}
.data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
  background-color: hsl(var(--primary-accent-hover));
}
.data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
  background-color: hsl(var(--primary-accent-hover));
}
.data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
  background-color: hsl(var(--secondary-bg-hover));
}
.data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
  background-color: hsl(var(--alpha-high-08));
}
.hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
  background-color: hsl(var(--secondary-bg-hover));
}
.data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
  color: hsl(var(--primary-accent));
}
.data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
  color: hsl(var(--primary-accent));
}
.data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
  color: hsl(var(--primary-fg));
}
.data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=indeterminate\]\:focus-visible\:shadow-focus:focus-visible[data-state="indeterminate"] {
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--muted));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
  background-color: hsl(var(--primary-accent-hover));
}
.data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
  background-color: hsl(var(--primary-border));
}
.data-\[state\=checked\]\:disabled\:border-primary-accent:disabled[data-state="checked"] {
  border-color: hsl(var(--primary-accent));
}
.data-\[state\=indeterminate\]\:disabled\:border-primary-accent:disabled[data-state="indeterminate"] {
  border-color: hsl(var(--primary-accent));
}
.data-\[state\=checked\]\:disabled\:bg-primary-accent:disabled[data-state="checked"] {
  background-color: hsl(var(--primary-accent));
}
.data-\[state\=indeterminate\]\:disabled\:bg-primary-accent:disabled[data-state="indeterminate"] {
  background-color: hsl(var(--primary-accent));
}
.data-\[state\=checked\]\:disabled\:opacity-50:disabled[data-state="checked"] {
  opacity: 0.5;
}
.data-\[state\=indeterminate\]\:disabled\:opacity-50:disabled[data-state="indeterminate"] {
  opacity: 0.5;
}
.data-\[state\=checked\]\:disabled\:shadow-soft-sm:disabled[data-state="checked"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=indeterminate\]\:disabled\:shadow-soft-sm:disabled[data-state="indeterminate"] {
  --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0px;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:h-0\.5 {
  height: 0.125rem;
}
.group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:h-12 {
  height: 3rem;
}
.group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:h-\[calc\(100\%-1\.5rem-0\.25rem\)\] {
  height: calc(100% - 1.5rem - 0.25rem);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0px;
}
.group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:w-\[calc\(100\%-1\.5rem-0\.25rem\)\] {
  width: calc(100% - 1.5rem - 0.25rem);
}
.group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:w-full {
  width: 100%;
}
.group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:w-0\.5 {
  width: 0.125rem;
}
.group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:flex-1 {
  flex: 1 1;
}
.group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:flex-none {
  flex: none;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/collapsible[data-state="open"] .group-data-\[state\=open\]\/collapsible\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/sidebar-menu[data-state="open"] .group-data-\[state\=open\]\/sidebar-menu\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:flex-row {
  flex-direction: row;
}
.group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:flex-col {
  flex-direction: column;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--radius);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:bg-primary {
  background-color: hsl(var(--primary));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0px !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:opacity-0 {
  opacity: 0;
}
.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:opacity-100 {
  opacity: 1;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover {
  background-color: hsl(var(--secondary-border));
}
.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}
.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}
.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-muted {
  color: hsl(var(--muted));
}
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-primary-accent {
  color: hsl(var(--primary-accent));
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes collapsible-up {
    from {
      height: var(--radix-collapsible-content-height);
    }
    to {
      height: 0;
    }
  }
  .motion-safe\:data-\[state\=closed\]\:animate-collapsible-up[data-state="closed"] {
    animation: collapsible-up 200ms cubic-bezier(0.22,1,0.36,1);
  }
  @keyframes collapsible-down {
    from {
      height: 0;
    }
    to {
      height: var(--radix-collapsible-content-height);
    }
  }
  .motion-safe\:data-\[state\=open\]\:animate-collapsible-down[data-state="open"] {
    animation: collapsible-down 200ms cubic-bezier(0.22,1,0.36,1);
  }
}
.dark\:bg-secondary-bg:is(.dark *) {
  background-color: hsl(var(--secondary-bg));
}
.dark\:fill-primary-border:is(.dark *) {
  fill: hsl(var(--primary-border));
}
.dark\:fill-secondary-border:is(.dark *) {
  fill: hsl(var(--secondary-border));
}
.dark\:\[fill\:url\(\#cloud-left-dark\)\]:is(.dark *) {
  fill: url(#cloud-left-dark);
}
.dark\:\[fill\:url\(\#cloud-middle-dark\)\]:is(.dark *) {
  fill: url(#cloud-middle-dark);
}
.dark\:\[fill\:url\(\#cloud-right-dark\)\]:is(.dark *) {
  fill: url(#cloud-right-dark);
}
.dark\:\[fill\:url\(\#folder-bottom-dark\)\]:is(.dark *) {
  fill: url(#folder-bottom-dark);
}
.dark\:\[fill\:url\(\#folder-top-dark\)\]:is(.dark *) {
  fill: url(#folder-top-dark);
}
.dark\:\[fill\:url\(\#right-size-gradient-dark\)\]:is(.dark *) {
  fill: url(#right-size-gradient-dark);
}
.dark\:\[filter\:url\(\#shadow-cloud-dark\)\]:is(.dark *) {
  filter: url(#shadow-cloud-dark);
}
.dark\:\[filter\:url\(\#shadow-dark\)\]:is(.dark *) {
  filter: url(#shadow-dark);
}
.dark\:\[filter\:url\(\#shadow-folder-dark\)\]:is(.dark *) {
  filter: url(#shadow-folder-dark);
}
.dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
  background-color: hsl(var(--secondary-bg-hover));
}
@media (min-width: 640px) {
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:rounded-lg {
    border-radius: var(--radius);
  }
  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:min-w-\[450px\] {
    min-width: 450px;
  }
  .md\:max-w-\[700px\] {
    max-width: 700px;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .after\:md\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }
  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0px;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: 0.75rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1024px) {
  .lg\:top-\[35\%\] {
    top: 35%;
  }
  .lg\:top-\[44px\] {
    top: 44px;
  }
  .lg\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }
  .lg\:mt-5 {
    margin-top: 1.25rem;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:h-10 {
    height: 2.5rem;
  }
  .lg\:h-5 {
    height: 1.25rem;
  }
  .lg\:h-9 {
    height: 2.25rem;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:max-h-\[min\(90vh\2c 830px\)\] {
    max-height: min(90vh,830px);
  }
  .lg\:min-h-9 {
    min-height: 2.25rem;
  }
  .lg\:w-5 {
    width: 1.25rem;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:max-w-\[432px\] {
    max-width: 432px;
  }
  .lg\:max-w-\[672px\] {
    max-width: 672px;
  }
  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .lg\:max-w-\[min\(544px\2c calc\(100vw-32px\)\)\] {
    max-width: min(544px,calc(100vw - 32px));
  }
  .lg\:max-w-xl {
    max-width: 36rem;
  }
  .lg\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-\[-35\%\] {
    --tw-translate-y: -35%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:gap-1 {
    gap: 0.25rem;
  }
  .lg\:gap-1\.5 {
    gap: 0.375rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .lg\:rounded-lg {
    border-radius: var(--radius);
  }
  .lg\:p-0 {
    padding: 0px;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:pb-0 {
    padding-bottom: 0px;
  }
  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .lg\:pl-1\.5 {
    padding-left: 0.375rem;
  }
  .lg\:pl-8 {
    padding-left: 2rem;
  }
  .lg\:pr-2\.5 {
    padding-right: 0.625rem;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:pt-5 {
    padding-top: 1.25rem;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .lg\:leading-none {
    line-height: 100%;
  }
  .lg\:shadow-hard-base {
    --tw-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.50), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 3px 8px 0 rgba(2, 6, 23, 0.35), 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), inset 0 0 0.5px 0 var(--tw-shadow-color), 0 3px 8px 0 var(--tw-shadow-color), inset 0 0.5px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:shadow-soft-sm {
    --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (pointer: coarse) {
  .touch\:visible {
    visibility: visible;
  }
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}
.\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-inverse-primary-bg:has([data-menu-item-action]:hover) {
  background-color: hsl(var(--inverse-primary-bg));
}
.\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-secondary-bg:has([data-menu-item-action]:hover) {
  background-color: hsl(var(--secondary-bg));
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>button\]\:hidden>button {
  display: none;
}
.\[\&\>span\:last-child\]\:truncate>span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\]\:size-3\.5>svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-4>svg {
  height: 1rem;
}
.\[\&\>svg\]\:w-4>svg {
  width: 1rem;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:text-muted>svg {
  color: hsl(var(--muted));
}
.\[\&\>svg\]\:text-muted-foreground>svg {
  color: hsl(var(--muted-foreground));
}
.\[\&\>svg\]\:text-primary-fg>svg {
  color: hsl(var(--primary-fg));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:text-secondary-fg>svg {
  color: hsl(var(--secondary-fg));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg {
  color: hsl(var(--primary-fg));
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}
.\[\&\[data-active\=true\]\>svg\]\:text-primary-accent[data-active=true]>svg {
  color: hsl(var(--primary-accent));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\[data-active\=true\]\>svg\]\:text-primary-accent[data-active=true]>svg {
  color: hsl(var(--primary-accent));
}
.\[\&\[data-input-group-element\=\'text\'\]\:has\(\+_\:not\(\[data-input-group-element\=\'text\'\]\)\)\]\:border-r[data-input-group-element='text']:has(+ :not([data-input-group-element='text'])) {
  border-right-width: 1px;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-inverse-muted [cmdk-group-heading] {
  color: hsl(var(--inverse-muted));
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-1\.5 [cmdk-item] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:size-5 svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&_svg\]\:h-2\.5 svg {
  height: 0.625rem;
}
.\[\&_svg\]\:h-3 svg {
  height: 0.75rem;
}
.\[\&_svg\]\:h-3\.5 svg {
  height: 0.875rem;
}
.\[\&_svg\]\:h-4 svg {
  height: 1rem;
}
.\[\&_svg\]\:h-5 svg {
  height: 1.25rem;
}
.\[\&_svg\]\:h-6 svg {
  height: 1.5rem;
}
.\[\&_svg\]\:h-7 svg {
  height: 1.75rem;
}
.\[\&_svg\]\:h-8 svg {
  height: 2rem;
}
.\[\&_svg\]\:w-2\.5 svg {
  width: 0.625rem;
}
.\[\&_svg\]\:w-3 svg {
  width: 0.75rem;
}
.\[\&_svg\]\:w-3\.5 svg {
  width: 0.875rem;
}
.\[\&_svg\]\:w-4 svg {
  width: 1rem;
}
.\[\&_svg\]\:w-5 svg {
  width: 1.25rem;
}
.\[\&_svg\]\:w-6 svg {
  width: 1.5rem;
}
.\[\&_svg\]\:w-7 svg {
  width: 1.75rem;
}
.\[\&_svg\]\:w-8 svg {
  width: 2rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}
[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}
[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}
[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}

/** biome-ignore-all lint/complexity/noImportantStyles: expected */
.ProseMirror {
	position: relative;
	font-feature-settings: "liga" 0, none;
	font-variant-ligatures: none;
	word-wrap: break-word;
	white-space: inherit;
	outline-width: 0 !important;
	outline-style: none;
	outline-color: initial;
}

.ProseMirror-hideselection *::selection {
	background: transparent;
}
.ProseMirror-hideselection *::-moz-selection {
	background: transparent;
}
.ProseMirror-hideselection {
	caret-color: transparent;
}

.ProseMirror img.ProseMirror-separator {
	display: inline !important;
	margin: 0 !important;
	border: none !important;
}

.ProseMirror .scrollableContent:has(.tableComponent) {
	position: relative;
}

.ProseMirror .focus-pointer-events {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

[data-iseditable="true"] .ProseMirror-selectednode .focus-pointer-events {
	pointer-events: auto !important;
}

[data-iseditable="true"] .ProseMirror-selectednode [data-focusable="true"] {
	outline: 2px solid var(--color-focus);
	outline-offset: -2px;
}

.ProseMirror[contentEditable="true"] a {
	cursor: text !important;
}

.ProseMirror p:empty::after {
	content: "\00A0" !important;
}

.ProseMirror li {
	position: relative;
}
.ProseMirror li > p {
	line-height: 1.7em;
}

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

.ProseMirror [data-comment="true"] {
	transition:
		background var(--transition-time-fast) ease-in-out,
		outline var(--transition-time-fast) ease-in-out;
}

.ProseMirror [data-comment="true"]:not([data-comment-block="true"]) {
	color: var(--color-comment-fg);
	cursor: pointer;
	background: var(--color-comment-bg);
	border-bottom: 2px solid var(--color-comment-border);
}

.ProseMirror [data-comment="true"]:has(.active),
.ProseMirror .active [data-comment="true"] {
	background: var(--color-comment-hover-bg);
	border-bottom-color: var(--color-comment-block-hover-border);
}

.ProseMirror .has-comment [data-comment="true"] {
	width: inherit;
	height: inherit;
	cursor: default !important;
	outline: 2px solid var(--color-comment-block-border);
	border-bottom: none !important;
	border-radius: inherit;
}

.ProseMirror .active [data-comment-block="true"] {
	outline: 2px solid var(--color-comment-block-hover-border);
	background: unset;
}

.ProseMirror pre > div {
	padding: 0;
	font-size: 0.8rem;
	line-height: 20px;
	color: var(--color-fence-text);
	white-space: nowrap;
	background: none !important;
}

.ProseMirror blockquote {
	padding-left: 1rem;
	border-left: 2px solid rgba(#0d0d0d, 0.1);
}

.ProseMirror hr {
	margin: 2rem 0;
	border: none;
	border-top: 2px solid rgba(#0d0d0d, 0.1);
}

.ProseMirror .color:before {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.1em;
	margin-bottom: 0.15em;
	vertical-align: middle;
	content: " ";
	background-color: var(--color);
	border: 1px solid rgba(128, 128, 128, 0.3);
	border-radius: var(--radius-x-small);
}

.ProseMirror *,
.ProseMirror *:before,
.ProseMirror *:after {
	box-sizing: border-box;
}

.ProseMirror table {
	margin: 0;
	border-collapse: collapse;
}
.ProseMirror table td,
.ProseMirror table th {
	position: relative;
	box-sizing: border-box;
	min-width: 1em;
}

.ProseMirror table td,
.ProseMirror table th > * {
	margin-bottom: 0;
}

.ProseMirror table th {
	text-align: left;
}

.ProseMirror table .selectedCell:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: var(--z-index-selected-cell);
	pointer-events: none;
	content: "";
	background: var(--color-focus);
	opacity: 0.15;
}

.ProseMirror table .column-resize-handle {
	position: absolute;
	top: 0;
	right: -3px;
	bottom: 0;
	width: 5px;
	pointer-events: none;
	background-color: var(--color-table-actions);
	opacity: 0.13;
}

.table-actions {
	position: absolute;
}

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

[data-qa="editor"] > .ProseMirror p.is-empty:first-of-type:last-of-type::before,
[data-qa="article-editor"] > .ProseMirror p.is-empty::before {
	float: left;
	height: 0;
	pointer-events: none;
	content: attr(data-placeholder);
	opacity: 0.4;
}

[data-qa="article-editor"] > .ProseMirror {
	padding: 0 30px;
	margin: 0 -30px;
}

[data-qa="article-editor"] > .ProseMirror > p:first-of-type {
	width: 100%;
	max-width: 95%;
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.3 !important;
	color: var(--color-article-heading-text);
	caret-color: var(--color-article-heading-text) !important;
}

[is-template="true"] > *:not([data-editable="true"]):not(:has([data-editable="true"])) {
	caret-color: transparent !important;
}

.ProseMirror gr-file {
	color: var(--color-link);
}

/* temp styles below */
.deleted-text {
	color: var(--color-removed-text);
	background: var(--color-removed-bg);
}

.deleted-text-block {
	position: relative;
}

.deleted-text-block:after {
	position: absolute;
	top: 0;
	left: -20px;
	width: 3px;
	height: 100%;
	content: "";
	background: var(--color-status-deleted);
}

.added-text {
	color: var(--color-added-text);
	background: var(--color-added-bg);
}

.ProseMirror .blur-selection {
	display: inline;
	background-color: Highlight;
	color: inherit;
	padding: 5px 0;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
}

/** biome-ignore-all lint/complexity/noImportantStyles: expected */
/** biome-ignore-all lint/style/noDescendingSpecificity: expected */
.article .admonition {
	margin: 1em 0;
}

.admonition {
	display: flex;
	padding: 1em var(--distance-admonition);
	border-left: solid 0.125em transparent;
	border-top-right-radius: var(--radius-large);
	border-bottom-right-radius: var(--radius-large);
}

.admonition .title {
	cursor: default;
}

.admonition .content-hide {
	height: 0;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
}

.admonition .title.clickable {
	cursor: pointer;
}

.admonition-row {
	--distance-admonition: 1em;
	flex-direction: row;
	align-items: flex-start;
}
.admonition-column {
	--distance-admonition: 1em;
	flex-direction: column;
	align-items: flex-start;
}

.admonition-row > .admonition-heading {
	width: var(--heading-row-width-admonition);
	margin-bottom: 0 !important;
}

.admonition-row .admonition-content {
	width: calc(100% - var(--heading-row-width-admonition));
}

.admonition-heading {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 0.7em;
}

.admonition-heading.expanded {
	margin-bottom: 0;
}

.admonition-heading .titleWrapper {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 100%;
}

.admonition-heading .titleWrapper .title {
	display: flex;
	width: 100%;
}

.admonition-heading .admonition-icon {
	display: flex;
	align-items: flex-start;
	font-size: 1.25em;
}

.admonition-heading .title {
	margin-left: 0.5em;
	font-weight: 500;
	line-height: 1.5em;
	vertical-align: top;
}

.admonition-icon i {
	padding: 4px 0;
	vertical-align: top;
}

.admonition-content {
	width: 100%;
	overflow: visible;
}

.admonition-content-ml {
	margin-left: var(--distance-admonition);
}

.admonition-content ul {
	margin: inherit;
	margin-left: 0;
}

.admonition-content > ul:first-of-type {
	padding-left: 18px;
	margin-left: 0;
}

.admonition-quote {
	background: var(--color-admonition-quote-bg);
	border-color: var(--color-admonition-quote-border);
}

.admonition-quote .admonition-heading *,
.admonition-quote .title strong {
	font-weight: var(--font-weight-admonition);
	color: var(--color-admonition-text);
}

.admonition-lab {
	background: var(--color-admonition-lab-bg);
	border-color: var(--color-admonition-lab-br-h);
}
.admonition-lab .admonition-heading *,
.admonition-lab .title strong {
	color: var(--color-admonition-lab-br-h);
}

.admonition-tip {
	background: var(--color-admonition-tip-bg);
	border-color: var(--color-admonition-tip-br-h);
}
.admonition-tip .admonition-heading *,
.admonition-tip .title strong {
	color: var(--color-admonition-tip-br-h);
}

.admonition-info {
	background: var(--color-admonition-info-bg);
	border-color: var(--color-admonition-info-br-h);
}
.admonition-info .admonition-heading *,
.admonition-info .title strong {
	color: var(--color-admonition-info-br-h);
}

.admonition-note {
	background: var(--color-admonition-note-bg);
	border-color: var(--color-admonition-note-br-h);
}
.admonition-note .admonition-heading *,
.admonition-note .title strong {
	color: var(--color-admonition-note-br-h);
}

.admonition-danger {
	background: var(--color-admonition-danger-bg);
	border-color: var(--color-admonition-danger-br-h);
}
.admonition-danger .admonition-heading *,
.admonition-danger .title strong {
	color: var(--color-admonition-danger-br-h);
}

.admonition-hotfixes {
	background: var(--color-admonition-hotfixes-bg);
	border-color: var(--color-admonition-hotfixes-br-h);
}
.admonition-hotfixes .admonition-heading *,
.admonition-hotfixes .title strong {
	color: var(--color-admonition-hotfixes-br-h);
}

.admonition-cut {
	padding: 4px 0px 4px var(--distance-admonition);
	margin: 0 0 0.7em;
	border-left: solid 2px var(--color-line);
}

.article .admonition.admonition-cut {
	margin: 0;
	margin-bottom: 0.7em;
}

.admonition-cut > .admonition-heading {
	margin-bottom: 0;
	color: var(--color-article-heading-text);
	cursor: pointer;
}
/* .admonition-cut > .admonition-heading:hover {
	color: var(--color-primary);
} */
.admonition-cut > .admonition-heading i {
	font-size: 1rem;
	line-height: 100%;
}

.admonition-cut > .admonition-content {
	margin-top: 0.7em;
}

.admonition-content > *:last-child,
.admonition-content ul:last-child li:last-child,
.admonition-content ol:last-child li:last-child,
.admonition-content ul:last-child li:last-child > *:last-child,
.admonition-content ol:last-child li:last-child > *:last-child {
	margin-bottom: 0 !important;
}

.admonition-content > *:first-child {
	margin-top: 0 !important;
}

.admonition-content .resource-caption {
	margin-bottom: 0.5em !important;
}

.article-body .beta,
.article-body .alfa {
	padding: 1px 3px;
	font-size: 12px;
	color: white;
	background: var(--color-warning);
	border-radius: var(--radius-small);
}

.article-body .alfa:before {
	content: "\03B1lfa";
}
.article-body .alfa {
	background: var(--color-danger);
}

.article-body h3 .alfa,
.article-body h2 .alfa,
.article-body h3 .beta,
.article-body h2 .beta {
	position: relative;
	top: -8px;
}

.article-body span.module {
	font-weight: 400;
	zoom: 0.8;
}

.article-body h2 span.module {
	zoom: 0.6;
}

.article-body .beta:before {
	content: "\3b2";
}
.article-body .beta:after {
	/* странный баг с разбиением b от eta. Пришлось разделить */
	content: "eta";
}

.article-body h2 span.module,
.article-body h2 .beta {
	margin-right: 10px;
}

.article-body > h2:first-of-type {
	margin-top: 0;
}

:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--color-info: #cef;
	--color-gray: #f3f3f3;
	--color-danger: #ff3131;
	--color-warning: #ffba00cc;
	--color-secondary: #41dd92;
	--color-lightgray: #f9f7fb;
	--color-search-text: var(--color-black);
	--color-lightprimary: #0c77af;
	--color-secondary-dark: #23ba72;
	--color-active-white: #ffffff99;
	--color-active-white-hover: white;
	--color-breadcrumb-text: #00000099;
	--color-breadcrumb-catalog-text: #5c5c5e;
	--color-breadcrumb-text-hover: var(--color-black);
	--color-loader: #9a9a9a;
	--color-focus: #0563d6;
	--color-table-actions: rgb(120, 120, 120);

	--color-link-dark-theme: hsl(205deg 79% 52%);
	--color-article-text-dark-theme: #abb2d4;

	--radius-x-small: 2px;
	--radius-small: 4px;
	--radius-medium: 6px;
	--radius-large: 8px;
	--radius-x-large: 10px;
	--radius-xx-large: 12px;
	--radius-full: 9999px;

	--top-bar-height: 48px;
	--bottom-bar-height: 42px;
	--scroll-width: 7px;
	--big-icon-size: 20px;
	--left-nav-width: 20rem;
	--narrow-nav-width: 260px;
	--distance-i-span: 0.5em;
	--distance-i-span-min: 0.35em;
	--distance-actions: 0.8rem;
	--distance-actions-mobile: 1rem;
	--default-form-width: 540px;
	--medium-form-width: 840px;
	--heading-row-width-admonition: 1.75em;

	--bar-shadow: 0px 0px 12px -5px rgba(0, 0, 0, 0.16);
	--bar-shadow-vertical: -3px 0px 12px -5px rgba(0, 0, 0, 0.16);
	--menu-tooltip-shadow: rgb(6 6 6 / 18%) -1px 2px 10px;
	--comment-tooltip-shadow: 0px 0px 12px 1px rgba(13, 13, 13, 0.19);
	--inline-element-shadow: 0px 1px 2px 0px rgba(15, 23, 42, 0.05);

	--color-admonition-dropdown-quote: hsla(210, 40%, 98%, 1);
	--color-admonition-dropdown-lab: hsla(268, 100%, 83%, 1);
	--color-admonition-dropdown-tip: hsla(205, 90%, 73%, 1);
	--color-admonition-dropdown-note: hsla(18, 100%, 74%, 1);
	--color-admonition-dropdown-info: hsla(241, 100%, 86%, 1);
	--color-admonition-dropdown-danger: hsla(318, 94%, 80%, 1);

	--color-comment-border: #facc15;
	--color-comment-bg: #ffd9b7;
	--color-comment-fg: #0f172a;
	--color-comment-hover-bg: #ffc999;
	--color-comment-block-border: #fed531;
	--color-comment-block-hover-border: #ffb700;
	--color-removed-text: rgb(255 82 82);
	--color-removed-text-opacity: rgb(255 82 82 / 60%);
	--color-resolve-comment-active-bg: #ededed;
	--color-added-bg: rgba(148, 238, 173, 0.24);
	--color-added-bg-opacity: rgba(148, 238, 173, 0.14);
	--color-resolve-comment-active-text: #999999;
	--color-removed-bg: rgba(248, 164, 164, 0.24);
	--color-removed-bg-opacity: rgba(248, 164, 164, 0.14);
	--color-modal-overlay-style-bg: rgba(19, 19, 19, 0.75);

	--color-status-new: #4dbb5f;
	--color-status-modified: #0ea5e9;
	--color-status-deleted: rgb(244, 92, 74);
	--color-status-rename: rgba(151, 71, 255, 1);

	--merger-top-primary: rgba(13, 153, 255, 1);
	--merger-top-bg: rgba(13, 153, 255, 0.25);
	--merger-top-bg-opacity: rgba(13, 153, 255, 0.15);

	--merger-bottom-primary: rgba(151, 71, 255, 1);
	--merger-bottom-bg: rgba(151, 71, 255, 0.25);
	--merger-bottom-bg-opacity: rgba(151, 71, 255, 0.15);

	--merge-branch-code-bg: rgb(191, 219, 254);
	--merge-branch-code-bg-hover: rgb(191, 219, 254, 0.5);
	--merge-branch-code-text: rgb(7, 89, 133);

	--version-control-primary: rgb(0, 122, 204);
	--version-control-primary-opacity: rgb(0, 122, 204, 0.25);
	--status-bar-height: 22px;

	--opacity-darken-element: 0.5;
	--opacity-active-element: 1;

	--transition-time: 0.3s;
	--transition-time-fast: 0.15s;
	--navigation-transition:
		transform var(--transition-time) ease 0s, width var(--transition-time) ease 0s,
		padding var(--transition-time) ease 0s, padding-right var(--transition-time) ease 0s;

	--article-max-width: 780px;
	--article-wrapper-padding-left: 45px;

	--z-index-background: -1;
	--z-index-foreground: 1;
	--z-index-selected-cell: 2;
	--z-index-card-overflow: 10;
	--z-index-homepage-action: 20;
	--z-index-toolbar: 48;
	--z-index-nav-layout: 49;
	--z-index-overlay: 50;
	--z-index-top-menu: 50;
	--z-index-ui-kit-modal: 50;
	--z-index-top-menu-dragable-area: 50;
	--z-index-header-navigation: 51;
	--z-index-base: 100;
	--z-index-popover: 150;
	--z-index-article-modal: 200;
	--z-index-article-confirm-modal: 300;
	--z-index-diff-bottom-bar: 104;
	--z-index-article-search: 110;
	--z-index-modal-overlay: 190;

	--search-fragment-highlight-bg: #fff59e;
	--search-badge-recommended-bg: #dbeafe;
	--search-badge-recommended-text: #193cb8;
	--search-badge-current-bg: #e5e7eb;
	--search-badge-current-text: #27272b;
}

[data-theme] {
	--inverse-accent: 210 40% 98%;
	--inverse-accent-hover: 214 32% 91%;
	--inverse-accent-text: 229 84% 5%;

	--color-background-muted: #f5f5f5;

	--color-lev-sidebar-hover: #ffffffa3;
	--color-skeleton-bg: 222 47% 11%;
	--color-table-plus-bg: rgba(0, 0, 0, 0.13);
	--color-table-plus-border: rgba(0, 0, 0, 0.4);
	--color-table-action-add: var(--color-table-plus-border);
	--color-table-action-delete: rgba(255, 0, 0, 0.2);

	--color-block: hsl(0deg 0% 98%);
	--color-block-hover: #ffffff;
	--color-block-hover-inverse: hsl(206deg 40% 20%);

	--color-primary: var(--color-black);
	--color-primary-inverse: white;
	--color-line: #a4a4a4;
	--color-scroll: #a4a4a4;
	--color-scroll-bg: #a4a4a420;
	--color-image-line: #c8c8c8;
	--color-image-title: #00000099;
	--color-primary-general: rgb(120, 120, 120);
	--color-primary-general-inverse: rgb(177, 178, 184);

	--color-primary-secondary: rgba(0, 0, 0, 0.4);
	--color-fence-text: #403f53;

	--color-tooltip-text: #fbfbfb;
	--color-tooltip-background: #2b2a2d;

	--color-tooltip-text-inverse: #1d2135;
	--color-tooltip-background-inverse: #f4f4f5;

	--color-menu-bg: #f4f4f4;
	--color-menu-opacity-bg: #f4f4f4c7;
	--color-code-bg: #00000012;
	--color-code-bg-hover: #0000000a;
	--color-code-copy-bg: #f0f0f0;
	--color-tooltip-opacity-bg: rgb(0 0 0 / 60%);
	--color-article-bg: #ffffff;
	--color-diagram-bg: #ffffff;
	--color-li-num-bg: #0000000d;
	--color-contextmenu-bg: #f8f8f8;
	--color-comment-input-bg: #fbfbfb;
	--color-admonition-hotfixes-bg: #f4f4f4;
	--color-article-search-bg: #ffffff;
	--color-article-hotkey-search-bg: #ffd500a0;
	--color-article-hotkey-search-bg-active: #ffa800ef;
	--color-table-border: rgba(0, 0, 0, 0.13);
	--color-table-row-hover: var(--color-background-muted);

	--color-placeholder: #a9a9a9;

	--diff-bottom-bar: var(--color-menu-bg);

	--color-merge-request-text: #00000099;
	--color-merge-request-text-accent: #000000;
	--color-merge-request-bg: #eaeaea;
	--color-merge-request-border: #00000021;
	--color-merge-request-hover: #ffffff99;
	--color-merge-request-outline: #ccc;

	--color-property-bg-border: #e4e4e7;
	--color-property-bg-main: #f8fafc;
	--color-property-text-name: #1e293b;
	--filter-property: 95%;

	--color-link: #126199;
	--color-code-text: #944c4c;
	--color-prism-text: var(--color-black);
	--color-search-code: #0000000d;
	--color-prism-number-text: rgb(9, 134, 88);
	--color-prism-punctuation-text: #393a34;
	--color-article-text: var(--color-black);
	--color-article-heading-text: var(--color-black);
	--color-article-strong-text: var(--color-black);
	--color-article-hotkey-search-text: var(--color-article-text);

	--color-shadows: #00000020;
	--color-shadows-scroll: #0000002b;
	--color-shadows-guidance: #00000050;
	--color-diff-entries-shadow: rgba(225, 225, 225, 1);

	--shadows-light: 0 0 10px rgba(0, 0, 0, 0.1);
	--shadows-deeplight: 0 0 10px rgba(0, 0, 0, 0.15);
	--shadows-changeable-deeplight: 0 0 10px rgba(0, 0, 0, 0.15);

	--color-admonition-lab-bg: hsl(252 100% 97.06%);
	--color-admonition-tip-bg: hsla(200, 50%, 95%, 1);
	--color-admonition-note-bg: hsl(37.5deg 100% 95.29%);
	--color-admonition-info-bg: hsla(220, 100%, 95%, 1);
	--color-admonition-danger-bg: hsla(0, 100%, 96%, 1);

	--color-admonition-hotfixes-br-h: #7b7b7b;
	--color-admonition-quote-br-h: #9e9e9e;
	--color-admonition-lab-br-h: hsl(250.09 59.78% 64.9%);
	--color-admonition-tip-br-h: hsla(200, 100%, 44%, 1);
	--color-admonition-note-br-h: hsl(37.42deg 90.29% 40.39%);
	--color-admonition-info-br-h: hsla(220, 44%, 47%, 1);
	--color-admonition-danger-br-h: hsl(0, 74%, 42%);

	--color-alert-warning-border: hsl(41, 100%, 86%);
	--color-alert-error-border: hsl(0, 100%, 89%);

	--color-hp-product-bright-orange: hsl(48deg 65% 97%);
	--color-hp-product-dark-orange: hsl(39deg 65% 97%);
	--color-hp-product-blue-green: hsl(147deg 65% 97%);
	--color-hp-product-green: hsl(100deg 65% 97%);
	--color-hp-product-blue: hsl(168deg 65% 97%);
	--color-hp-product-red: hsl(0deg 65% 97%);

	--color-comments-bg: #ffffff;
	--color-body-text: var(--color-input-active-text);
	--color-btn-bg: #f8f1e5;
	--color-text-accent: #ffa800;
	--color-input-active-text: #535353;
	--color-line-comment: #eeeeee;
	--color-input-bg: #fbfbfb;

	--color-comments-paragraph: rgba(255, 168, 0, 0.1);
	--color-comments-paragraph-active: rgba(255, 168, 0, 0.4);

	--color-edit-menu-button-active-bg: rgb(255, 255, 255, 0.2);
	--color-edit-menu-button-active-bg-inverse: rgb(0, 0, 0, 0.2);

	--color-text-count: #ffffff;
	--color-text-main: #686868;
	--color-text-secondary: #969696;

	--color-cmd-text: #0f172a;
	--color-cmd-bg: #f8fafc;
	--color-cmd-border: #e2e8f0;

	--color-kbd-text: #64748b;
	--color-kbd-border: #e2e8f0;
	--color-kbd-bg: white;

	--color-input-disabled-text: #4e526366;

	--color-btn-stroke: var(--color-text-accent);

	--color-icon-main: #a1a3a9;
	--color-icon-active: #4e5263;
	--color-icon-accent: var(--color-text-accent);
	--color-comment-text: var(--color-text-accent);

	--color-added-text: rgb(34 141 45);
	--color-added-text-opacity: rgb(34 141 45 / 60%);
	--color-resolve-comment-bg-1: rgb(84 84 84 / 10%);
	--color-resolve-comment-bg-2: rgb(84 84 84 / 20%);
	--color-resolve-comment-bor-1: rgb(84 84 84 / 50%);
	--color-resolve-comment-bor-2: rgb(84 84 84 / 60%);
	--color-resolve-comment-text: #a4a4a4;

	--content-file-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="color: rgb(18, 97, 153)" height="16" viewBox="1 1 22 22" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-plus"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M9 15h6"/><path d="M12 18v-6"/></svg>');

	--color-nav-article-drop-target: #e2e8f0;

	/* Highlight colors */
	--color-highlight-default: var(--color-article-bg);
	--color-highlight-lemon-yellow: #fff9c4;
	--color-highlight-mint-green: #d0f0c0;
	--color-highlight-lavender: #e6e6fa;
	--color-highlight-ice-blue: #d4f1f9;
	--color-highlight-peach: #ffe0b2;
	--color-highlight-light-pink: #ffe4e1;
	--color-highlight-grayish-blue: #e0eaf3;

	--color-highlight-border-default: #9a9a9a;
	--color-highlight-border-lemon-yellow: #bba72a;
	--color-highlight-border-mint-green: #6a9c78;
	--color-highlight-border-lavender: #8d7abf;
	--color-highlight-border-ice-blue: #6ba3ad;
	--color-highlight-border-peach: #cc8453;
	--color-highlight-border-light-pink: #c46b6a;
	--color-highlight-border-grayish-blue: #6b7f8c;
}

@media not print {
	[data-theme="dark"] {
		--inverse-accent: 222 47% 11%;
		--inverse-accent-hover: 217 33% 17%;
		--inverse-accent-text: 210 40% 98%;

		--color-background-muted: #1e293b;

		--color-primary: white;
		--color-primary-inverse: var(--color-black);
		--color-block: #182b39cf;
		--color-block-hover: hsl(206deg 40% 20%);
		--color-block-hover-inverse: #ffffff;
		--color-skeleton-bg: 210 40% 98%;
		--color-table-plus-bg: rgba(255, 255, 255, 0.13);
		--color-table-plus-border: rgba(255, 255, 255, 0.4);
		--color-table-action-add: var(--color-table-plus-border);
		--color-table-action-delete: rgba(255, 0, 0, 0.2);

		--color-line: hsl(230deg 15% 35%);
		--color-scroll: hsl(230deg 15% 35% / 50%);
		--color-scroll-bg: rgba(76, 80, 103, 0.2);
		--color-image-line: #2b2f45;
		--color-image-title: #abb2d499;
		--color-primary-general: rgb(177, 178, 184);
		--color-primary-general-inverse: rgb(120, 120, 120);
		--color-primary-secondary: rgba(255, 255, 255, 0.4);
		--color-lev-sidebar-hover: var(--color-input-bg);
		--color-fence-text: #d6deeb;
		--color-article-hotkey-search-bg: rgba(255, 213, 0, 0.94);
		--color-article-hotkey-search-bg-active: rgb(255, 136, 0);
		--color-table-border: rgba(255, 255, 255, 0.13);
		--color-table-row-hover: var(--color-background-muted);

		--color-tooltip-text: #1d2135;
		--color-tooltip-background: #f4f4f5;

		--color-tooltip-text-inverse: #fbfbfb;
		--color-tooltip-background-inverse: #2b2a2d;

		--color-menu-bg: #151828;
		--color-menu-opacity-bg: #151828c7;
		--color-code-bg: #ffffff1a;
		--color-code-bg-hover: #ffffff0d;
		--color-code-copy-bg: #313547;
		--color-tooltip-opacity-bg: rgba(255, 255, 255, 0.6);
		--color-article-bg: #1a1e33;
		--color-diagram-bg: #f6f8fa;
		--color-li-num-bg: #ffffff0d;
		--color-contextmenu-bg: #181b2d;
		--color-comment-input-bg: #1d2135;
		--color-article-search-bg: #313547;

		--color-merge-request-text: #ffffff99;
		--color-merge-request-text-accent: #ffffff;
		--color-merge-request-bg: #1b1e31;
		--color-merge-request-border: #ffffff21;
		--color-merge-request-hover: #00000099;

		/* --color-placeholder: #5c5d64; */
		--color-placeholder: #abb2d4cc;

		--diff-bottom-bar: var(--color-menu-bg);
		--diff-bottom-bar-picker-bg: #30344b;

		--color-property-bg-border: #27272a;
		--color-property-bg-main: #020617;
		--color-property-text-name: #e2e8f0;
		--filter-property: 80%;

		--color-link: var(--color-link-dark-theme);
		--color-code-text: hsl(0deg 40% 60%);
		--color-prism-text: #cad4ff8c;
		--color-search-code: #ffffff0d;
		--color-prism-number-text: rgb(181, 206, 168);
		--color-prism-punctuation-text: rgb(212, 212, 212);
		--color-article-text: var(--color-article-text-dark-theme);
		--color-article-heading-text: hsl(230deg 32% 90%);
		--color-article-strong-text: hsl(230deg 32% 88%);
		--color-article-hotkey-search-text: var(--color-black);

		--color-shadows: hsl(0deg 0% 100% / 0%);
		--color-shadows-scroll: #ffffff2b;
		--color-shadows-guidance: #3a3a3a94;
		--color-diff-entries-shadow: rgba(0, 0, 0, 0.21);

		--shadows-light: 0 0 10px rgba(0, 0, 0, 0.1);
		--shadows-deeplight: 0 0 10px rgba(0, 0, 0, 0.15);
		--shadows-changeable-deeplight: 0 0 10px rgba(255, 255, 255, 0.15);

		--color-admonition-hotfixes-bg: rgba(255, 255, 255, 0.07);
		--color-admonition-lab-bg: rgba(255, 255, 255, 0.07);
		--color-admonition-tip-bg: rgba(255, 255, 255, 0.07);
		--color-admonition-note-bg: rgba(255, 255, 255, 0.07);
		--color-admonition-info-bg: rgba(255, 255, 255, 0.07);
		--color-admonition-danger-bg: rgba(255, 255, 255, 0.07);

		--color-admonition-quote-br-h: hsl(0deg 0% 70%);
		--color-admonition-hotfixes-br-h: hsl(0deg 0% 70%);
		--color-admonition-lab-br-h: hsl(249.71deg 68.63% 70%);
		--color-admonition-tip-br-h: hsl(200deg 100% 50%);
		--color-admonition-note-br-h: hsl(37.5deg 90.32% 48.63%);
		--color-admonition-info-br-h: hsl(220deg 50% 70%);
		--color-admonition-danger-br-h: hsl(0deg 100% 75%);

		--color-alert-warning-border: hsl(38, 90%, 24%);
		--color-alert-error-border: hsl(16, 78%, 35%);

		--color-hp-product-bright-orange: hsl(48deg 13% 29%);
		--color-hp-product-dark-orange: hsl(39deg 13% 29%);
		--color-hp-product-blue-green: hsl(147deg 13% 29%);
		--color-hp-product-green: hsl(100deg 13% 29%);
		--color-hp-product-blue: hsl(168deg 13% 29%);
		--color-hp-product-red: hsl(0deg 13% 29%);

		--color-comments-bg: #151828;
		--color-comment-bg: #866241;
		--color-comment-fg: #f8fafc;
		--color-comment-hover-bg: #a1764e;
		--color-body-text: var(--color-text-main);
		--color-btn-bg: #252833;
		--color-text-accent: #ffa800;
		--color-input-active-text: #d6d8e0;
		--color-line-comment: var(--color-input-bg);
		--color-input-bg: #1d2135;

		--color-comments-paragraph: rgba(255, 168, 0, 0.16);
		--color-comments-paragraph-active: rgba(255, 168, 0, 0.32);

		--color-edit-menu-button-active-bg: rgb(0, 0, 0, 0.2);
		--color-edit-menu-button-active-bg-inverse: rgb(255, 255, 255, 0.2);

		--color-text-count: #000000;
		--color-text-main: #a1a3a9;
		--color-text-secondary: #73757e;

		--color-cmd-text: #f8fafc;
		--color-cmd-bg: #0f172a;
		--color-cmd-border: #334155;

		--color-kbd-text: #94a3b8;
		--color-kbd-border: #334155;
		--color-kbd-bg: #1e293b00;

		--color-input-disabled-text: #4e5263;

		--color-btn-stroke: var(--color-text-accent);

		--color-icon-main: var(--color-text-secondary);
		--color-icon-active: var(--color-input-active-text);
		--color-icon-accent: var(--color-text-accent);
		--color-comment-text: var(--color-text-accent);

		--color-resolve-comment-bg-1: rgb(250 250 250 / 12%);
		--color-resolve-comment-bg-2: rgb(250 250 250 / 24%);
		--color-resolve-comment-bor-1: rgb(250 250 250 / 32%);
		--color-resolve-comment-bor-2: rgb(250 250 250 / 62%);
		--color-resolve-comment-text: var(--color-text-main);

		--color-added-text: rgb(100 206 112);
		--color-added-text-opacity: rgb(100 206 112 / 60%);

		--content-file-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="color: rgb(36, 149, 229)" height="16" viewBox="1 1 22 22" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-plus"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M9 15h6"/><path d="M12 18v-6"/></svg>');

		--color-nav-article-drop-target: #334155;

		/* Highlight colors */
		--color-highlight-default: var(--color-article-bg);
		--color-highlight-lemon-yellow: #fff59d;
		--color-highlight-mint-green: #a8e6cf;
		--color-highlight-lavender: #d6cfff;
		--color-highlight-ice-blue: #b2ebf2;
		--color-highlight-peach: #ffccbc;
		--color-highlight-light-pink: #f8bbd0;
		--color-highlight-grayish-blue: #cfd8dc;

		--color-highlight-border-default: #505d99;
		--color-highlight-border-lemon-yellow: #9e8022;
		--color-highlight-border-mint-green: #487965;
		--color-highlight-border-lavender: #725aa8;
		--color-highlight-border-ice-blue: #2f8e99;
		--color-highlight-border-peach: #b35c3f;
		--color-highlight-border-light-pink: #a04c64;
		--color-highlight-border-grayish-blue: #5a636b;

		--search-fragment-highlight-bg: #8c7b2c;
		--search-badge-recommended-bg: #1c398e;
		--search-badge-recommended-text: #bedbff;
		--search-badge-current-bg: #364153;
		--search-badge-current-text: #e5e7eb;
	}
}

body {
	--app-font-famaly: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue;
	--color-home-text: var(--color-primary);
	--color-home-card-link: var(--color-primary-general);
	--color-home-card-link-hover: var(--color-primary);

	--color-nav-menu-bg: var(--color-menu-bg);
	--color-right-nav-bg: var(--color-contextmenu-bg);

	--color-home-bg: hsl(var(--primary-bg));
	--color-home-card-bg: var(--color-block);
	--color-home-card-bg-hover: var(--color-block-hover);

	--color-nav-item-selected: var(--color-primary);
	--color-nav-item: var(--color-primary-general);

	--font-weight-default: 300;

	/* Logos */
	--width-image-lodaer: 20rem;
	--gap-app-loader: 0;
	--mb-app-lodaer: 10%;

	/* Right sidebar */
	--font-weight-right-nav-top-item: 500;
	--font-weight-right-nav-active-item: 400;
	--font-weight-article-heading: 400;

	--color-home-card-border: transparent;
	--color-home-card-border-hover: transparent;

	/* ADMONITION */

	--color-admonition-quote-border: var(--color-admonition-hotfixes-br-h);
	--color-admonition-quote-bg: var(--color-admonition-hotfixes-bg);
	--color-admonition-text: var(--color-admonition-hotfixes-br-h);
	--font-weight-admonition: 500;

	--color-btn-default-bg: var(--color-code-bg);
	--color-btn-default-text: var(--color-article-heading-text);
	--border-btn-default: 1px solid var(--color-article-heading-text);
	--opacity-btn-default-bg-hover: 0.8;
	--color-btn-default-text-hover: var(--color-article-bg);
	--color-btn-default-bg-hover: var(--color-article-heading-text);

	--color-btn-underline-text: var(--color-primary-general);
	--font-weight-btn-underline: var(--font-weight-default);
	--padding-btn-underline: 0;
	--margin-btn-underline: 0 0.6em;
	--color-btn-underline-text-hover: var(--color-primary);
	--text-decoration-btn-underline-hover: underline;
	--color-btn-underline-bg-hover: transparent;
}

[data-theme] .hljs {
	display: block;
	padding: 0.5em;
	overflow-x: auto;
	color: #2f3337;
	background: #f6f6f6;
}
[data-theme] .hljs-comment {
	font-style: italic;
	color: #656e77;
}
[data-theme] .hljs-keyword,
[data-theme] .hljs-selector-tag,
[data-theme] .hljs-meta-keyword,
[data-theme] .hljs-doctag,
[data-theme] .hljs-section,
[data-theme] .hljs-selector-class,
[data-theme] .hljs-meta,
[data-theme] .hljs-selector-pseudo,
[data-theme] .hljs-attr {
	color: #015692;
}
[data-theme] .hljs-attribute {
	color: #803378;
}
[data-theme] .hljs-name,
[data-theme] .hljs-type,
[data-theme] .hljs-number,
[data-theme] .hljs-selector-id,
[data-theme] .hljs-quote,
[data-theme] .hljs-template-tag,
[data-theme] .hljs-built_in,
[data-theme] .hljs-title,
[data-theme] .hljs-literal {
	color: #b75501;
}
[data-theme] .hljs-string,
[data-theme] .hljs-regexp,
[data-theme] .hljs-symbol,
[data-theme] .hljs-variable,
[data-theme] .hljs-template-variable,
[data-theme] .hljs-link,
[data-theme] .hljs-selector-attr,
[data-theme] .hljs-meta-string {
	color: #54790d;
}
[data-theme] .hljs-bullet,
[data-theme] .hljs-code {
	color: #535a60;
}
[data-theme] .hljs-deletion {
	color: #c02d2e;
}
[data-theme] .hljs-addition {
	color: #2f6f44;
}
[data-theme] .hljs-emphasis {
	font-style: italic;
}
[data-theme] .hljs-strong {
	font-weight: bold;
}

/*!
  Theme: StackOverflow 
*/

@media not print {
	[data-theme="dark"] .hljs {
		display: block;
		padding: 0.5em;
		overflow-x: auto;
		color: #dcdcdc;
		background: #1e1e1e;
	}
	[data-theme="dark"] .hljs {
		color: #ffffff;
		background: #1c1b1b;
	}
	[data-theme="dark"] .hljs-subst {
		color: #ffffff;
	}
	[data-theme="dark"] .hljs-comment {
		color: #999999;
	}
	[data-theme="dark"] .hljs-keyword,
	[data-theme="dark"] .hljs-selector-tag,
	[data-theme="dark"] .hljs-meta .hljs-keyword,
	[data-theme="dark"] .hljs-doctag,
	[data-theme="dark"] .hljs-section {
		color: #88aece;
	}

	[data-theme="dark"] .hljs-attr {
		color: #88aece;
	}
	[data-theme="dark"] .hljs-attribute {
		color: #c59bc1;
	}
	[data-theme="dark"] .hljs-name,
	[data-theme="dark"] .hljs-type,
	[data-theme="dark"] .hljs-number,
	[data-theme="dark"] .hljs-selector-id,
	[data-theme="dark"] .hljs-quote,
	[data-theme="dark"] .hljs-template-tag {
		color: #f08d49;
	}
	[data-theme="dark"] .hljs-selector-class {
		color: #88aece;
	}
	[data-theme="dark"] .hljs-string,
	[data-theme="dark"] .hljs-regexp,
	[data-theme="dark"] .hljs-symbol,
	[data-theme="dark"] .hljs-variable,
	[data-theme="dark"] .hljs-template-variable,
	[data-theme="dark"] .hljs-link,
	[data-theme="dark"] .hljs-selector-attr {
		color: #b5bd68;
	}
	[data-theme="dark"] .hljs-meta,
	[data-theme="dark"] .hljs-selector-pseudo {
		color: #88aece;
	}
	[data-theme="dark"] .hljs-built_in,
	[data-theme="dark"] .hljs-title,
	[data-theme="dark"] .hljs-literal {
		color: #f08d49;
	}
	[data-theme="dark"] .hljs-bullet,
	[data-theme="dark"] .hljs-code {
		color: #cccccc;
	}
	[data-theme="dark"] .hljs-meta .hljs-string {
		color: #b5bd68;
	}
	[data-theme="dark"] .hljs-deletion {
		color: #de7176;
	}
	[data-theme="dark"] .hljs-addition {
		color: #76c490;
	}
	[data-theme="dark"] .hljs-emphasis {
		font-style: italic;
	}
	[data-theme="dark"] .hljs-strong {
		font-weight: bold;
	}
}

.article {
	line-height: 1.8;
	word-wrap: break-word;
	color: var(--color-article-text);
	background: var(--color-article-bg);
	scrollbar-gutter: stable;
}

.article *:has(> .node-actions) {
	position: relative;
}

.article suggestion {
	cursor: pointer;
	text-decoration: var(--color-danger) wavy underline;
	-webkit-text-decoration: var(--color-danger) wavy underline;
}

.article.global .btn {
	display: flex;
	cursor: pointer;
	font-weight: 300;
	margin-top: 1rem;
	border-radius: var(--radius-small);
	width: -moz-fit-content;
	width: fit-content;
	align-items: center;
	text-decoration: none;
	padding: 0.33rem 0.88rem;
	background: var(--color-code-bg);
	color: var(--color-article-heading-text);
	border: 1px solid var(--color-article-heading-text);
}

.article .monochrome-code-block,
.article .monochrome-code-block span {
	color: var(--color-fence-text);
}

.article.global .btn:hover {
	opacity: 0.8;
	color: var(--color-article-bg);
	background: var(--color-article-heading-text);
}

.search-highlight {
	background-color: var(--color-article-hotkey-search-bg);
	color: var(--color-article-hotkey-search-text);
}

.search-highlight-active {
	background-color: var(--color-article-hotkey-search-bg-active);
}

.docportal-sidebar {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.article .article-description {
	margin-top: -1rem;
}

.article h1 {
	margin-bottom: 0.5em;
	color: var(--color-article-heading-text);
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	font-weight: var(--font-weight-article-heading);
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: var(--color-article-heading-text);
}

.article h1.article-title {
	margin-bottom: 0.5em;
	margin-top: 0;
	width: 100%;
}

.article .article-body > h1 + article > :is(h2, h3, h4):first-child {
	margin-top: 0.5em;
}

.article .h2 + ul,
.article .h3 + ul,
.article .h2 + ul + .admonition + ul,
.article ul {
	padding-left: 1.25em;
}

.article .h2 + ol,
.article .h3 + ol,
.article ol {
	padding-left: 2em;
}

.article .code-copped {
	position: relative;
}

details {
	padding-left: 25px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px var(--color-line);
}

details summary {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.4em;
	cursor: pointer;
}

details summary:hover {
	color: var(--color-primary);
}

details summary:focus {
	outline: 0;
}

details summary::-webkit-details-marker {
	display: none;
}

details summary:before {
	margin-left: -25px;
	position: absolute;
	color: var(--color-primary);
	font-family: "Font Awesome 6 Pro", sans-serif;
	content: "\2b";
	font-size: 18px;
	line-height: 30px;
}

details[open] summary:before {
	content: "\f068";
}

details summary::marker {
	content: none;
}

code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 90%;
}

article a i.link-icon {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}

article a:has(> span.external-link-wrapper) {
	white-space: nowrap;

	> span.external-link-wrapper {
		display: inline-flex;
	}
}

.article p,
.article ul,
.article ol {
	margin: 0 0 0.7em;
	line-height: 1.8em;
}

.article p:empty {
	height: 1.7em;
}

.article li {
	line-height: 1.6em;
}

.article li::marker {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.article ul[data-type="taskList"] {
	padding: 0 !important;
}

.article ul[data-type="taskList"] > li::before,
.article ul > .task-item::before {
	display: none !important;
}

.article ul[data-type="taskList"] > li {
	display: flex;
	align-items: flex-start;
	gap: 0.35em;
	margin-bottom: 0 !important;
}
.article ul[data-type="taskList"] > li label {
	display: flex;
	align-items: center;
	height: 1.7em;
}

.article ul[data-type="taskList"] > li label input {
	width: 1.15em;
	height: 1.15em;
}

.article ul[data-type="taskList"] > li > div {
	flex: 1 1 auto;
}

.article ul li > :last-child > p {
	margin: unset;
	line-height: 1.7em;
	margin-bottom: 0.4em !important;
	min-width: 1em;
}

.article .attr {
	white-space: nowrap;
	font-size: 15px;
}

:root .article .attr i {
	--fa-secondary-opacity: 1;
}

:root.theme-dark .article .attr i {
	--fa-secondary-opacity: 0.4;
}

.article .attr i {
	font-size: 15px;
	--fa-secondary-color: #e8e8e8;
}

.article .attr .delimiter {
	opacity: 0.2;
	padding: 0 0.7em;
}

.article .article-body {
	flex: 1 1;
	display: flex;
	position: relative;
	flex-direction: column;
	counter-reset: question 0;
}

.article {
	counter-reset: question 0 question-readonly 0;
}

.article .node-question {
	counter-increment: question 1;
}

.article .node-question .question-number::before {
	content: counter(question);
}

.article .question {
	counter-increment: question-readonly 1;
}

.article .question .question-number::before {
	content: counter(question-readonly);
}

.article .article-body ol,
.article .article-body ul {
	-webkit-margin-before: 0;
	        margin-block-start: 0;
	margin-bottom: 0.7em;
}

.article .article-body ol > li ol,
.article .article-body ul > li ul {
	margin-bottom: 0;
}

.article .article-body li,
.article .article-body li > p {
	margin-bottom: 0.4em;
}

.article .article-body ul {
	list-style: none;
}

.article .article-body ol {
	counter-reset: listitem 0;
	list-style: none;
	padding-left: 2em;
}

.article .article-body ol,
.article .article-body ul {
	position: relative;
	display: flow-root;
}

.article .article-body ol > li::before {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: -2.75em;
	margin-top: 0.4em;
	width: 2em;
	height: 2em;
	font-weight: 600;
	line-height: 1em;
	font-size: 0.625em;
	position: absolute;
	border-radius: 100%;
}

.article .article-body ol > li:has(> ol),
.article .article-body ul > li:has(> ul) {
	margin-bottom: unset;
}

.article .article-body ul > li::before {
	display: block;
	position: absolute;
	margin-top: 0.65em;
	padding: 0.18em 0.18em;
	margin-left: -1em;
	font-weight: 600;
	line-height: 1em;
	background-color: var(--color-article-text);
	content: "";
}

.article .article-body ol > li::before {
	content: counter(listitem);
	counter-increment: listitem 1;
	background: var(--color-li-num-bg);
	color: var(--color-article-heading-text);
}

.article .article-body ol::before {
	counter-reset: listitem;
}

.article .article-body ol > li::before,
.article .article-body ol > li > ol > li > ol > li > ol > li::before,
.article .article-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::before {
	content: counter(listitem, decimal);
}

.article .article-body ol > li > ol > li::before,
.article .article-body ol > li > ol > li > ol > li > ol > li > ol > li::before,
.article .article-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::before {
	content: counter(listitem, lower-latin);
}

.article .article-body ol > li > ol > li > ol > li::before,
.article .article-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::before,
.article .article-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::before {
	content: counter(listitem, lower-roman);
}

.article .article-body ul > li::before,
.article .article-body ul ul ul ul > li::before,
.article .article-body ul ul ul ul ul ul ul > li::before {
	border-radius: 100%;
}

.article .article-body ul ul > li::before,
.article .article-body ul ul ul ul ul > li::before,
.article .article-body ul ul ul ul ul ul ul ul > li::before {
	background: transparent;
	outline: 1px solid var(--color-article-text);
}

.article .article-body ul ul ul > li::before,
.article .article-body ul ul ul ul ul ul > li::before,
.article .article-body ul ul ul ul ul ul ul ul ul > li::before {
	border-radius: 0;
	background-color: var(--color-article-text);
	outline: none;
}

.article code,
.article pre {
	-moz-tab-size: 4;
	     tab-size: 4;
	margin: 1em 0;
	overflow: auto;
	padding: 2px 2px;
	background: var(--color-code-bg);
	color: var(--color-article-heading-text);
}

.article code {
	border-radius: var(--radius-small);
}

.article pre {
	border-radius: var(--radius-large);
	padding: 1.375em 1.625em;
}

.article pre::-webkit-scrollbar {
	height: 7px;
	background-color: var(--color-code-bg);
	border-radius: 10px;
}

.article pre::-webkit-scrollbar-thumb {
	background: var(--color-scroll);
	border-radius: 7px;
}

.article pre .token-line {
	line-height: 20px;
}

.article .icon {
	vertical-align: middle;
	font-style: normal;
}

.article .cmd {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	border-radius: var(--radius-medium);
	background: var(--color-cmd-bg);
	padding: 0.475em 0.75em;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 0.75em;
	border: solid 1px var(--color-cmd-border);
	color: var(--color-cmd-text);
	box-shadow: var(--inline-element-shadow);
	letter-spacing: 0.04em;
}

.article .cmd span {
	line-height: 1;
}

.article .cmd i.icon {
	font-size: 0.75em;
}

.article blockquote {
	padding-left: 1.25rem;
	margin: 1.15em 0;
	font-size: 1.08em;
	border-left: 5px solid #eee;
}

.article kbd {
	font-family: "Inter", sans-serif;
	font-style: normal !important;
	border-radius: var(--radius-small);
	background-color: var(--color-kbd-bg);
	border: 1px solid var(--color-kbd-border);
	padding: 0.25em 0.425em;
	font-size: 0.75em;
	color: var(--color-kbd-text);
	letter-spacing: 0.04em;
}

.article kbd.active {
	cursor: pointer;
	box-shadow: none;
	padding: 0.13rem 0.6rem !important;
	padding-bottom: 0.19rem !important;
	border-color: var(--color-image-line);
	color: var(--color-article-heading-text);
}

.article kbd.active:hover {
	background: var(--color-contextmenu-bg);
}

.article video {
	width: 100%;
	height: 100%;
}

.article .ff-canvas,
.article img {
	border-radius: var(--radius-small);
	box-shadow: var(--shadows-deeplight);
	max-width: 100%;
	border: 0;
	display: block;
}

.article img + em,
.article .drawio + em,
.article .img + em,
.article .video-js + em,
.article .error-video + em,
.article [data-qa="qa-diagram-data"] > em,
.article [data-qa="qa-drawio"] > em,
.article .img-v + p > em:first-of-type,
.article .img-h + p > em:first-of-type,
.article .main-container + em,
.article .node-image em {
	display: block;
	font-size: 0.875em;
	margin-top: -4px;
	font-weight: 300;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 16px;
	color: var(--color-image-title);
}

.article .lightbox .__react_modal_image__large_img {
	max-width: none;
	max-height: none;
}

.img-h {
	display: flex;
}

.img-v img,
.img-h img {
	border: solid 1px var(--color-image-line);
}

.img-v img:last-child {
	margin-top: 0;
}

.img-v img:first-of-type {
	margin-bottom: 10px;
}

.img-h img {
	max-width: 49%;
	flex-basis: 49%;
}

.img-h img:first-of-type {
	margin-right: 2px;
}

.img-h img:last-child {
	margin-left: 2px;
}

.article ol,
.article ul {
	-webkit-margin-before: 1em;
	        margin-block-start: 1em;
	-webkit-margin-after: 1em;
	        margin-block-end: 1em;
	-webkit-margin-start: 0;
	        margin-inline-start: 0;
	-webkit-margin-end: 0;
	        margin-inline-end: 0;
}

.article ul li,
.article ol li {
	line-height: 1.7em;
	margin-bottom: 0.6em;
}

.article li > p,
.article li > p {
	line-height: 1.7em;
}

.article .article-body a > strong {
	color: var(--color-link);
}

.article .article-body a,
.article .article-body button.link {
	color: var(--color-link);
	font-weight: inherit;
	cursor: pointer;
}

.article .article-body button.link {
	display: inline;
	align-items: center;
	background: none;
	border: none;
	padding: 0;
	text-align: left;
	margin: 0;
}

.article .article-body button.link:focus {
	outline: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

@media (pointer: fine) {
	.article .article-body a:hover,
	.article .article-body button.link:hover {
		text-decoration: underline;
	}
}

.article .article-body table th,
.article strong {
	font-weight: 500;
}

.article [data-highlight] > strong {
	color: inherit;
}

.article span[data-color] strong {
	color: inherit;
}

.article h1 strong,
.article h2 strong,
.article h3 strong,
.article h4 strong,
.article h5 strong,
.article h6 strong {
	font-size: 1em;
	font-weight: inherit;
}

.article .issueLink {
	padding: 2px 5px;
	background: var(--color-code-bg);
	border-radius: var(--radius-small);
	font-size: 0.85em;
	white-space: nowrap;
}

.article table p {
	margin: 0;
}

.article table {
	width: 100%;
	max-width: 100%;
	padding: 1.25em 1.5em;
	border-spacing: 0;
	border-collapse: collapse;
	display: block;
}

.article table .delete {
	background-color: var(--color-table-action-delete);
}

.article table .add-row,
.article table .add-column {
	opacity: 0.13;
	background-color: var(--color-table-action-add);
}

.article table .add-row {
	position: absolute;
	top: -3px;
	left: 0;
	height: 5px;
	width: 100%;
}

.article table[data-header="column"] tbody tr td:first-child,
.article table[data-header="both"] tbody tr td:first-child,
.article table[data-header="row"] tbody tr:first-child td,
.article table[data-header="both"] tbody tr:first-child td,
.article table tbody tr[data-aggregation] td,
.article table thead td {
	font-weight: 500;
	color: var(--color-article-strong-text);
}

.article table td[align="center"],
.article table th[align="center"] {
	text-align: center;
}

.article table td[align="right"],
.article table th[align="right"] {
	text-align: right;
}

.article table td[align="left"],
.article table th[align="left"] {
	text-align: left;
}

.article table .add-row.row-end {
	top: auto;
	bottom: -3px;
}

.article table .add-column.column-end {
	left: auto;
	right: -3px;
}

.article table .add-column {
	position: absolute;
	top: 0;
	left: -3px;
	height: 100%;
	width: 5px;
}

.article table > thead > tr > th {
	vertical-align: bottom !important;
	border-bottom: 1px solid var(--color-line);
}

.article table > thead > tr > th:not([align]) {
	text-align: left;
}

.article table > tbody > tr > td,
.article table > tbody > tr > th,
.article table > tfoot > tr > td,
.article table > tfoot > tr > th,
.article table > thead > tr > td,
.article table > thead > tr > th {
	border: 1px solid var(--color-table-border);
	border-collapse: collapse;
}

.article table > thead > tr > th,
.article table > thead > tr > td {
	border-bottom: unset;
}

.article table > tbody > tr:has(> td:hover),
.article table > tbody > tr:has(> th:hover),
.article table > tfoot > tr:has(> td:hover),
.article table > tfoot > tr:has(> th:hover),
.article table > thead > tr:has(> td:hover),
.article table > thead > tr:has(> th:hover) {
	background-color: var(--color-table-row-hover);
}

.article table > tbody > tr > td,
.article table > tbody > tr > th,
.article table > tfoot > tr > td,
.article table > tfoot > tr > th,
.article table > thead > tr > td,
.article table > thead > tr > th {
	text-align: left;
	padding: 0.5rem 1rem;
	vertical-align: top;
	word-break: break-word;
	white-space: normal;
}

.article table > tbody > tr > td:empty,
.article table > tbody > tr > th:empty,
.article table > tfoot > tr > td:empty,
.article table > tfoot > tr > th:empty,
.article table > thead > tr > td:empty,
.article table > thead > tr > th:empty {
	height: 3em;
}

.article code,
.article pre.prism-code {
	font-family: "Roboto Mono", Consolas, monospace;
	font-size: 0.813em;
	font-weight: normal;
}

.article a code {
	color: unset;
}

.article h1 code,
.article h2 code,
.article h3 code,
.article h4 code,
.article h5 code,
.article h6 code {
	font-size: inherit;
}

.article .tags {
	margin-left: 40px;
	padding: 0;
	position: relative;
	bottom: -12px;
	list-style: none;
}

.article .tags li {
	margin-right: 1em;
}

.article .tags li,
.article .tags span {
	float: left;
	line-height: 20px;
	position: relative;
	font-size: 12px;
}

.article .tags span {
	margin-left: 12px;
	padding: 0 8px 0 14px;
	background: var(--color-code-bg);
	color: var(--color-primary-general);
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.article .tags span:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-color: transparent var(--color-code-bg) transparent transparent;
	border-style: solid;
	border-width: 10px 8px 10px 0;
}

.article .tags span:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 4px;
	float: left;
	width: 4px;
	height: 4px;
	border-radius: var(--radius-x-small);
	background: #fff;
	box-shadow: -1px -1px 2px var(--color-shadows-guidance);
}

.article .inline-code {
	position: relative;
	line-height: 100% !important;
}

.article .inline-code code {
	cursor: pointer;
}

.article .inline-code:hover code {
	background: var(--color-code-bg-hover);
}

.article .inline-code:hover .copy {
	display: inline;
}

.article .inline-code .copy {
	display: none;
	position: absolute;
	font-size: 0.813em;
	margin-top: 0.25em;
	padding: 0.15625em 0.28125em;
	border-radius: var(--radius-small);
	background: var(--color-article-bg);
}

.article .diagram-background {
	width: 100%;
	padding: 0.8em;
	position: relative;
	border-radius: var(--radius-large);
	margin: 0.5em 0;
	background-color: var(--color-diagram-bg);
}

.article .hover-right-button {
	top: 8px;
	width: 35px;
	right: 8px;
	height: 35px;
	display: flex;
	cursor: pointer;
	font-size: 17px;
	padding: 0 2px;
	border-radius: var(--radius-medium);
	position: absolute;
	align-items: center;
	justify-content: center;
	color: var(--color-primary-general);
	background: var(--color-article-bg);
}

.article .hover-right-button:hover {
	color: var(--color-primary);
}

.article .hover-right-button > i {
	padding-left: 0 !important;
}

.article .skeleton-pulse {
	max-width: 100%;
	background-color: hsl(var(--color-skeleton-bg) / 0.1);
	animation: SkeletonPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes SkeletonPulse {
	50% {
		opacity: 0.5;
	}
}

.article [data-float] {
	clear: both;
}

.article [data-float="left"] {
	position: relative;
	float: left;
	margin-right: 0.8em;
	margin-top: 0.5em;
	z-index: 1;
}

.article [data-float="right"] {
	position: relative;
	float: right;
	margin-left: 1.35em;
	margin-top: 0.5em;
	z-index: 1;
}

.ProseMirror gr-file::before,
.article .article-body button.link::before {
	content: var(--content-file-plus);
	vertical-align: text-bottom;
	line-height: 1;
	padding-right: 0.3rem;
}

ol[data-sonner-toaster] {
	list-style: none !important;
}

[data-raidx-select-item] {
	font-weight: 400;
	cursor: pointer !important;
}

[data-radix-select-trigger] {
	font-weight: 400;
}

.interactive-tooltip {
	pointer-events: auto !important;
}

[data-diagram-editor-modal] > :nth-child(2) {
	height: 100%;
}

[data-modal-root] .monaco-editor {
	outline: none !important;
}

[data-modal-root] a {
	color: hsl(var(--primary-fg), 0.7);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 24%;
}

[data-modal-root] a:hover {
	color: hsl(var(--primary-fg));
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 24%;
}

[data-sign-in-enteprise-form] {
	max-width: min(420px, calc(100vw - 32px));
}

@media (min-width: 1024px) {
	[data-sign-in-enteprise-form] {
		max-width: min(432px, calc(100vw - 32px));
	}
}

[aria-haspopup="menu"] {
	display: flex;
}

.ui-kit {
	z-index: var(--z-index-article-modal);
}

.ui-kit form {
	font-weight: 400;
}

[data-upper-error] {
	z-index: 1005;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

@media print {
	body {
		visibility: hidden;
	}
}

body:has(.article-content) {
	background-color: var(--color-article-bg);
}

span + i,
i + span {
	padding-left: var(--distance-i-span);
}

span.min + i,
i + span.min {
	padding-left: var(--distance-i-span-min);
}

div.popover {
	position: fixed;
	top: 20px;
	left: 50%;
	z-index: var(--z-index-popover);
	padding: 10px 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
	opacity: 0;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	transform: translateX(-50%);
	transition: opacity 500ms;
}

/* input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	height: 15px;
	width: 15px;
	content: "x";
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
	background: green;
}

input[type="search"]::-webkit-search-cancel-button::before {
	content: "y";
} */

h1 {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.3;
}

h2 {
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.5;
}

h3 {
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.6;
}

h4 {
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.6;
}

h5 {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.6;
}

h6 {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.6;
}

hr {
	height: 1px;
	margin: 20px 0;
	background: var(--color-line);
	border: 0;
}

ul,
ol {
	list-style: initial;
}

ul li {
	margin-bottom: 0.6em;
	line-height: 1.2em;
}

.order-last {
	order: 9999;
}

a {
	font-weight: 400;
	color: var(--color-primary);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a i.link-icon {
	margin-left: 0.4em;
	font-size: 0.82em;
	vertical-align: 1px;
}

span i.link-icon {
	vertical-align: baseline;
}

*::-webkit-scrollbar {
	width: var(--scroll-width);
	height: var(--scroll-width);
}

*::-webkit-scrollbar-thumb {
	background: var(--color-scroll);
	border-radius: 3px;
}

a {
	text-decoration: none;
	cursor: pointer;
}

.action-icon {
	padding: 2px;
	color: var(--color-primary-general);
	cursor: pointer;
}
.action-icon:hover {
	color: var(--color-primary);
}

img {
	display: block;
	max-width: 100%;
}

.error {
	color: var(--color-danger) !important;
}

span.pk .far {
	margin-right: 0.3rem;
}

.group-header {
	display: flex;
	align-items: center;
	margin-top: 20px;
	font-size: 13px;
	font-weight: 500;
	color: var(--color-primary-general);
	text-transform: uppercase;
}

.block-elevation-1,
.block-elevation-hover-1 {
	box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 25%);
}

.block-elevation-hover-1:hover,
.block-elevation-2 {
	z-index: var(--z-index-foreground);
	box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 50%);
}

.block-elevation-large {
	box-shadow: 0px 0px 25px -5px rgb(0 0 0 / 25%);
}

.block-elevation-3 {
	z-index: var(--z-index-foreground);
	box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 75%);
}

.modal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	color: var(--color-primary);
	border-radius: var(--radius-x-large);
}

.modal .bottom-content {
	position: relative;
	gap: 1rem;
	width: 100%;
	padding: 0.5rem;
	background: var(--color-menu-bg);
	border-radius: var(--radius-x-large);
}

.modal .bottom-content .absolute-bg {
	position: absolute;
	top: -15px;
	left: 0;
	z-index: var(--z-index-background);
	width: 100%;
	height: 1.5rem;
	background: var(--color-menu-bg);
}

.modal .small-code .field {
	position: relative;
	padding: 0;
	font-style: normal;
}

.modal .small-code .prism-code {
	padding: 6px 12px !important;
	margin: 0;
}

.modal .small-code .prism-code .hover-right-button {
	top: 3.5px;
	right: 3.5px;
	width: 25px;
	height: 25px;
	font-size: 13px;
}

.tippy-box {
	outline: none;
}

.is-found-article-element {
	animation: BLINK_ANIMATION 1.5s forwards linear;
}

@keyframes BLINK_ANIMATION {
	0% {
		background-color: transparent;
	}
	25% {
		background-color: var(--search-fragment-highlight-bg);
	}
	50% {
		background-color: transparent;
	}
	75% {
		background-color: var(--search-fragment-highlight-bg);
	}
	100% {
		background-color: transparent;
	}
}

@charset "UTF-8";

/* from https://raw.githubusercontent.com/ostranme/swagger-ui-themes/develop/themes/3.x/theme-muted.css */

.swagger-ui .response-col_links,
.swagger-ui > div:first-of-type {
	display: none;
}

.opblock-summary-control,
.models-control,
.model-box-control {
	all: inherit;
	flex: 1 1;
	padding: 0;
	cursor: pointer;
	border-bottom: 0;
}

.article .swagger-ui .table-container {
	padding-right: 0;
	padding-left: 0;
}

.swagger-ui html {
	box-sizing: border-box;
}

.swagger-ui span.model-box {
	padding: 0;
}

.swagger-ui .information-container {
	display: none;
}

.swagger-ui.swagger-ui .scheme-container {
	padding: 0;
	margin: 0;
	box-shadow: none;
}

.swagger-ui.swagger-ui .scheme-container .schemes {
	padding: 0;
}

.swagger-ui .scheme-container > .schemes > div:first-of-type {
	display: none;
}

.swagger-ui .wrapper {
	padding: 0;
}

.swagger-ui .opblock-tag.opblock-tag {
	padding-left: 0;
}

.swagger-ui .model-container {
	padding: 0.625em;
}

.swagger-ui .execute-wrapper.execute-wrapper {
	padding: 0;
	margin: 1.25em;
}

.swagger-ui a.nostyle {
	text-decoration: none;
}

.swagger-ui .tab-header {
	flex: 1 1;
}

.swagger-ui .opblock.opblock .opblock-title {
	font-size: 1em;
}

.swagger-ui .opblock.opblock.opblock {
	background: #f4f4f4;
	box-shadow: none;
}

.swagger-ui.swagger-ui select,
.swagger-ui.swagger-ui button {
	border-width: 0.0625em;
}

.swagger-ui.swagger-ui span + select {
	margin-left: 0.5em;
}

.swagger-ui.swagger-ui select {
	font-weight: 500;
}

.swagger-ui.swagger-ui button.btn {
	background: #f6f6f6;
}

.swagger-ui.swagger-ui textarea {
	margin-top: 1em;
	border: solid 0.0625em;
}

.swagger-ui.swagger-ui .opblock.opblock-post .opblock-summary-method {
	background: var(--color-secondary-dark);
}

.swagger-ui.swagger-ui .opblock.opblock-get .opblock-summary-method {
	background: var(--color-link);
}

.swagger-ui .opblock.opblock.opblock.opblock.is-open {
	background: white;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
}

.swagger-ui .wrapper span > span.model {
	padding: 0;
}

.swagger-ui .opblock-tag-section .opblock-tag {
	padding-right: 0;
	margin-bottom: 0.8em;
}

.swagger-ui .opblock-tag-section {
	margin: 0.5em 0;
}

.swagger-ui .opblock.opblock .opblock-section-header {
	padding-left: 1em;
	margin-top: 0.8em;
}

.swagger-ui.swagger-ui .responses-wrapper,
.swagger-ui.swagger-ui .parameters-container {
	margin-right: 1em;
}

.swagger-ui.swagger-ui button.tablinks {
	padding: 0 0.1875em;
	padding-top: 0.625em;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	background: none;
	border: 0;
}
.swagger-ui.swagger-ui table tr > * {
	padding: 1em !important;
}

.swagger-ui.swagger-ui thead .response-col_status {
	font-size: 0.75em;
}

.article .swagger-ui table > tbody > tr:nth-of-type(even) {
	background: inherit;
}

.article .swagger-ui ul {
	margin-left: 0;
}

.swagger-ui .responses-inner.responses-inner {
	padding: 0;
}

.swagger-ui .copy-to-clipboard {
	display: none;
}

.swagger-ui .responses-inner.responses-inner > div {
	margin: 0 1em;
}

.swagger-ui .responses-inner.responses-inner > div .responses-table {
	margin: 0 -1em;
}

.swagger-ui .parameter-controls {
	margin-top: 1em;
}

.swagger-ui .example__section-header {
	display: none;
}

.swagger-ui .example__section {
	padding-top: 1em;
}

.swagger-ui .parameters.parameters td {
	padding-top: 1em;
}

.swagger-ui .parameter-controls {
	margin-bottom: 1em;
}

.article .swagger-ui .highlight-code code {
	color: inherit;
	background: inherit;
}

.article .swagger-ui > div > .wrapper {
	padding: 0;
}

.article .swagger-ui pre.microlight {
	max-height: 40em;
	overflow-y: auto;
}

.article .swagger-ui pre.microlight code {
	color: inherit;
	word-break: break-all;
	white-space: pre-wrap !important;
	background: inherit;
}

.swagger-ui .parameter__name.required::after {
	display: none;
}
.swagger-ui .parameter__name.required span {
	color: red;
}

.swagger-ui *,
.swagger-ui :after,
.swagger-ui :before {
	box-sizing: inherit;
}

.swagger-ui body {
	margin: 0;
	background: #fafafa;
}

.swagger-ui .wrapper {
	width: 100%;
	max-width: 91.25em;
	padding: 0 1.25em;
	margin: 0 auto;
}

.swagger-ui .opblock-tag-section {
	display: flex;
	flex-direction: column;
}

.swagger-ui .opblock-tag {
	display: flex;
	padding: 0.625em 1.25em 0.625em 0.625em;
	cursor: pointer;
	transition: all 0.2s;
	border-bottom: 0.0625em solid rgba(59, 65, 81, 0.3);
	align-items: center;
}

.swagger-ui .opblock-tag:hover {
	background: rgba(0, 0, 0, 0.02);
}

.swagger-ui .opblock-tag {
	margin: 0 0 0.3125em;
	font-size: 1em;
	color: #3b4151;
}

.swagger-ui .opblock-tag > a {
	font-size: 1.5em;
}

.swagger-ui .opblock-tag.no-desc span {
	flex: 1 1;
}

.swagger-ui .opblock-tag svg {
	transition: all 0.4s;
}

.swagger-ui .opblock-tag small {
	font-size: 0.875em;
	font-weight: 400;
	padding: 0 0.625em;
	flex: 1 1;
	color: #3b4151;
}

.swagger-ui .parаmeter__type {
	padding: 0.3125em 0;
	font-size: 0.75em;
	font-weight: 600;
	color: #3b4151;
}

.swagger-ui .view-line-link {
	position: relative;
	top: 0.1875em;
	width: 1.25em;
	margin: 0 0.3125em;
	cursor: pointer;
	transition: all 0.5s;
}

.swagger-ui .opblock {
	margin: 0 0 0.9375em;
	border: 0.0625em solid #000;
	border-radius: var(--radius-small);
	box-shadow: 0 0 0.1875em rgba(0, 0, 0, 0.19);
}

.swagger-ui .opblock.is-open .opblock-summary {
	border-bottom: 0.0625em solid #000;
}

.swagger-ui .opblock .opblock-section-header {
	padding: 0.5em 1.25em;
	background: hsla(0, 0%, 100%, 0.8);
	box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.1);
}

.swagger-ui .opblock .opblock-section-header,
.swagger-ui .opblock .opblock-section-header label {
	display: flex;
	align-items: center;
}

.swagger-ui .opblock .opblock-section-header label {
	margin: 0;
	font-size: 0.75em;
	font-weight: 700;
	color: #3b4151;
}

.swagger-ui .opblock .opblock-section-header label span {
	padding: 0 0.625em 0 0;
}

.swagger-ui .opblock .opblock-section-header h4 {
	font-size: 0.875em;
	margin: 0;
	flex: 1 1;
	color: #3b4151;
}

.swagger-ui .opblock .opblock-summary-method {
	min-width: 5em;
	padding: 0.375em 0.9375em;
	font-size: 1em;
	font-weight: 700;

	color: #fff;
	text-align: center;
	text-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.1);
	background: #000;
	border-radius: var(--radius-medium);
}

.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated {
	font-size: 1em;
	display: flex;
	padding: 0 0.625em;

	font-weight: 600;
	color: #3b4151;
	align-items: center;
}

.swagger-ui .opblock .opblock-summary-path .view-line-link,
.swagger-ui .opblock .opblock-summary-path__deprecated .view-line-link {
	position: relative;
	top: 0.125em;
	width: 0;
	margin: 0;
	cursor: pointer;
	transition: all 0.5s;
}

.swagger-ui .opblock .opblock-summary-path:hover .view-line-link,
.swagger-ui .opblock .opblock-summary-path__deprecated:hover .view-line-link {
	width: 1.125em;
	margin: 0 0.3125em;
}

.swagger-ui .opblock .opblock-summary-path__deprecated {
	text-decoration: line-through;
}

.swagger-ui .opblock .opblock-summary-description {
	font-size: 0.8125em;
	padding: 0 0.625em;
	flex: 1 1;

	color: #3b4151;
}

.swagger-ui .opblock .opblock-summary {
	display: flex;
	padding: 0.3125em;
	cursor: pointer;
	align-items: center;
}

.swagger-ui .opblock.opblock-post {
	background: rgba(73, 204, 144, 0.1);
	border-color: #49cc90;
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
	background: #49cc90;
}

.swagger-ui .opblock.opblock-post .opblock-summary {
	border-color: #49cc90;
}

.swagger-ui .opblock.opblock-put {
	background: rgba(252, 161, 48, 0.1);
	border-color: #fca130;
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
	background: #fca130;
}

.swagger-ui .opblock.opblock-put .opblock-summary {
	border-color: #fca130;
}

.swagger-ui .opblock.opblock-delete {
	background: rgba(249, 62, 62, 0.1);
	border-color: #f93e3e;
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
	background: #f93e3e;
}

.swagger-ui .opblock.opblock-delete .opblock-summary {
	border-color: #f93e3e;
}

.swagger-ui .opblock.opblock-get {
	background: rgba(97, 175, 254, 0.1);
	border-color: #61affe;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
	background: #61affe;
}

.swagger-ui .opblock.opblock-get .opblock-summary {
	border-color: #61affe;
}

.swagger-ui .opblock.opblock-patch {
	background: rgba(80, 227, 194, 0.1);
	border-color: #50e3c2;
}

.swagger-ui .opblock.opblock-patch .opblock-summary-method {
	background: #50e3c2;
}

.swagger-ui .opblock.opblock-patch .opblock-summary {
	border-color: #50e3c2;
}

.swagger-ui .opblock.opblock-head {
	background: rgba(144, 18, 254, 0.1);
	border-color: #9012fe;
}

.swagger-ui .opblock.opblock-head .opblock-summary-method {
	background: #9012fe;
}

.swagger-ui .opblock.opblock-head .opblock-summary {
	border-color: #9012fe;
}

.swagger-ui .opblock.opblock-options {
	background: rgba(13, 90, 167, 0.1);
	border-color: #0d5aa7;
}

.swagger-ui .opblock.opblock-options .opblock-summary-method {
	background: #0d5aa7;
}

.swagger-ui .opblock.opblock-options .opblock-summary {
	border-color: #0d5aa7;
}

.swagger-ui .opblock.opblock-deprecated {
	background: hsla(0, 0%, 92%, 0.1);
	border-color: #ebebeb;
	opacity: 0.6;
}

.swagger-ui .opblock.opblock-deprecated .opblock-summary-method {
	background: #ebebeb;
}

.swagger-ui .opblock.opblock-deprecated .opblock-summary {
	border-color: #ebebeb;
}

.swagger-ui .tab {
	display: flex;
	padding: 0;
	margin: 1.25em 0 0.625em;
	list-style: none;
}

.swagger-ui .tab li {
	min-width: 6.25em;
	min-width: 5.625em;
	padding: 0;
	font-size: 0.75em;
	color: #3b4151;
	cursor: pointer;
	list-style-type: none !important;
}

.swagger-ui .tab li:first-of-type {
	position: relative;
	padding-left: 0;
}

.swagger-ui .tab li.active {
	font-weight: 700;
}

.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-title_normal {
	padding: 0.9375em 1.25em;
}

.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-description-wrapper h4,
.swagger-ui .opblock-title_normal,
.swagger-ui .opblock-title_normal h4 {
	margin: 0 0 0.3125em;
	font-size: 0.75em;
	color: #3b4151;
}

.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-title_normal p {
	margin: 0;
	font-size: 0.875em;
	color: #3b4151;
}

.swagger-ui .highlight-code code {
	font-size: 0.875em;
	background: inherit;
}

.swagger-ui .execute-wrapper {
	padding: 1.25em;
	text-align: right;
}

.swagger-ui .execute-wrapper .btn {
	width: 100%;
	padding: 0.5em 2.5em;
}

.swagger-ui .body-param-options {
	display: flex;
	flex-direction: column;
}

.swagger-ui .body-param-options .body-param-edit {
	padding: 0.625em 0;
}

.swagger-ui .body-param-options label {
	padding: 0.5em 0;
}

.swagger-ui .body-param-options label select {
	margin: 0.1875em 0 0;
}

.swagger-ui .responses-inner {
	padding: 1.25em;
}

.swagger-ui .responses-inner h4,
.swagger-ui .responses-inner h5 {
	margin: 0.625em 0 0.3125em;
	font-size: 0.75em;
	color: #3b4151;
}

.swagger-ui .response-col_status {
	font-size: 0.875em;
	color: #3b4151;
}

.swagger-ui .response-col_status .response-undocumented {
	font-size: 0.6875em;
	font-weight: 600;
	color: #999;
}

.swagger-ui .response-col_description__inner span {
	display: block;
	padding: 0.625em;
	margin: 0.625em 0;
	font-size: 0.75em;
	font-style: italic;
	font-weight: 600;
	color: #fff;
	background: #41444e;
	border-radius: var(--radius-small);
}

.swagger-ui .response-col_description__inner span p {
	margin: 0;
}

.swagger-ui .opblock-body pre {
	padding: 0.625em;
	margin: 0;
	font-size: 0.75em;
	font-weight: 600;
	color: #fff;
	white-space: pre-wrap;
	background: #41444e;
	border-radius: var(--radius-small);
}

.swagger-ui .scheme-container {
	padding: 1.875em 0;
	margin: 0 0 1.25em;
	background: #fff;
	box-shadow: 0 0.0625em 0.125em 0 rgba(0, 0, 0, 0.15);
}

.swagger-ui .scheme-container .schemes {
	display: flex;
	align-items: center;
}

.swagger-ui .scheme-container .schemes > label {
	font-size: 0.75em;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	margin: -1.25em 0.9375em 0 0;
	color: #3b4151;
}

.swagger-ui .scheme-container .schemes > label select {
	min-width: 8.125em;
	text-transform: uppercase;
}

.swagger-ui .loading-container {
	padding: 2.5em 0 3.75em;
}

.swagger-ui .loading-container .loading {
	position: relative;
}

.swagger-ui .loading-container .loading:after {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 0.625em;
	font-weight: 700;
	color: #3b4151;
	text-transform: uppercase;
	content: "loading";
	transform: translate(-50%, -50%);
}

.swagger-ui .loading-container .loading:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 3.75em;
	height: 3.75em;
	margin: -1.875em;
	content: "";
	animation:
		rotation 1s infinite linear,
		opacity 0.5s;
	opacity: 1;
	border: 0.125em solid rgba(85, 85, 85, 0.1);
	border-top-color: rgba(0, 0, 0, 0.6);
	border-radius: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@keyframes rotation {
	to {
		transform: rotate(1turn);
	}
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.swagger-ui .btn {
	padding: 0.3125em 1.438em;
	font-size: 0.875em;
	font-weight: 700;

	color: #3b4151;
	background: transparent;
	border: 0.125em solid #888;
	border-radius: var(--radius-small);
	box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
}

.swagger-ui .btn[disabled] {
	cursor: not-allowed;
	opacity: 0.3;
}

.swagger-ui .btn:hover {
	box-shadow: 0 0 0.3125em rgba(0, 0, 0, 0.3);
}

.swagger-ui .btn.cancel {
	color: #ff6060;
	border-color: #ff6060;
}

.swagger-ui .btn.authorize {
	display: inline;
	line-height: 1;
	color: #49cc90;
	border-color: #49cc90;
}

.swagger-ui .btn.authorize span {
	float: left;
	padding: 0.25em 1.25em 0 0;
}

.swagger-ui .btn.authorize svg {
	fill: #49cc90;
}

.swagger-ui .btn.execute {
	color: #fff;
	border-color: #4990e2;
	animation: swagger-ui-pulse 2s infinite;
}

@keyframes swagger-ui-pulse {
	0% {
		color: #fff;
		background: #4990e2;
		box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8);
	}
	70% {
		box-shadow: 0 0 0 0.3125em rgba(73, 144, 226, 0);
	}
	to {
		color: #fff;
		background: #4990e2;
		box-shadow: 0 0 0 0 rgba(73, 144, 226, 0);
	}
}

.swagger-ui .btn-group {
	display: flex;
	padding: 1.875em;
}

.swagger-ui .btn-group .btn {
	flex: 1 1;
}

.swagger-ui .btn-group .btn:first-of-type {
	border-radius: 0.25em 0 0 0.25em;
}

.swagger-ui .btn-group .btn:last-child {
	border-radius: 0 0.25em 0.25em 0;
}

.swagger-ui .authorization__btn {
	padding: 0 0.625em;
	background: none;
	border: none;
}

.swagger-ui .authorization__btn.locked {
	opacity: 1;
}

.swagger-ui .authorization__btn.unlocked {
	opacity: 0.4;
}

.swagger-ui .expand-methods,
.swagger-ui .expand-operation {
	background: none;
	border: none;
}

.swagger-ui .expand-methods svg,
.swagger-ui .expand-operation svg {
	width: 1.25em;
	height: 1.25em;
}

.swagger-ui .expand-methods {
	padding: 0 0.625em;
}

.swagger-ui .expand-methods:hover svg {
	fill: #444;
}

.swagger-ui .expand-methods svg {
	fill: #777;
	transition: all 0.3s;
}

.swagger-ui button {
	cursor: pointer;
	outline: none;
}

.swagger-ui select {
	padding: 0.3125em 2.5em 0.3125em 0.625em;
	font-size: 0.875em;
	font-weight: 700;

	color: #3b4151;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #f7f7f7
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICAgIDxwYXRoIGQ9Ik0xMy40MTggNy44NTljLjI3MS0uMjY4LjcwOS0uMjY4Ljk3OCAwIC4yNy4yNjguMjcyLjcwMSAwIC45NjlsLTMuOTA4IDMuODNjLS4yNy4yNjgtLjcwNy4yNjgtLjk3OSAwbC0zLjkwOC0zLjgzYy0uMjctLjI2Ny0uMjctLjcwMSAwLS45NjkuMjcxLS4yNjguNzA5LS4yNjguOTc4IDBMMTAgMTFsMy40MTgtMy4xNDF6Ii8+PC9zdmc+)
		right 0.625em center no-repeat;
	background-size: 1.25em;
	border: 0.125em solid #41444e;
	border-radius: var(--radius-small);
	box-shadow: 0 0.0625em 0.125em 0 rgba(0, 0, 0, 0.25);
}

.swagger-ui select[multiple] {
	padding: 0.3125em;
	margin: 0.3125em 0;
	background: #f7f7f7;
}

.swagger-ui .opblock-body select {
	min-width: 14.38em;
}

.swagger-ui label {
	margin: 0 0 0.3125em;
	font-size: 0.75em;
	font-weight: 700;

	color: #3b4151;
}

.swagger-ui input[type="email"],
.swagger-ui input[type="password"],
.swagger-ui input[type="search"],
.swagger-ui input[type="text"] {
	min-width: 6.25em;
	padding: 0.5em 0.625em;
	margin: 0.3125em 0;
	background: #fff;
	border: 0.0625em solid #d9d9d9;
	border-radius: var(--radius-small);
}

.swagger-ui input[type="email"].invalid,
.swagger-ui input[type="password"].invalid,
.swagger-ui input[type="search"].invalid,
.swagger-ui input[type="text"].invalid {
	background: #feebeb;
	border-color: #f93e3e;
	animation: shake 0.4s 1;
}

@keyframes shake {
	10%,
	90% {
		transform: translate3d(-0.0625em, 0, 0);
	}
	20%,
	80% {
		transform: translate3d(0.125em, 0, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d(-0.25em, 0, 0);
	}
	40%,
	60% {
		transform: translate3d(0.25em, 0, 0);
	}
}

.swagger-ui textarea {
	width: 100%;
	min-height: 17.5em;
	padding: 0.625em;
	font-size: 0.75em;

	font-weight: 600;
	color: #3b4151;
	outline: none;
	background: hsla(0, 0%, 100%, 0.8);
	border: none;
	border-radius: var(--radius-small);
}

.swagger-ui textarea:focus {
	border: 0.125em solid #61affe;
}

.swagger-ui textarea.curl {
	min-height: 6.25em;
	padding: 0.625em;
	margin: 0;
	font-size: 0.75em;

	font-weight: 600;
	color: #fff;
	resize: none;
	background: #41444e;
	border-radius: var(--radius-small);
}

.swagger-ui .checkbox {
	padding: 0.3125em 0 0.625em;
	color: #333;
	transition: opacity 0.5s;
}

.swagger-ui .checkbox label {
	display: flex;
}

.swagger-ui .checkbox p {
	margin: 0 !important;
	font-style: italic;
	font-weight: 400 !important;

	font-weight: 600;
	color: #3b4151;
}

.swagger-ui .checkbox input[type="checkbox"] {
	display: none;
}

.swagger-ui .checkbox input[type="checkbox"] + label > .item {
	position: relative;
	top: 0.1875em;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.5em 0 0;
	padding: 0.3125em;
	cursor: pointer;
	border-radius: 0.0625em;
	background: #e8e8e8;
	box-shadow: 0 0 0 0.125em #e8e8e8;
	flex: none;
}

.swagger-ui .checkbox input[type="checkbox"] + label > .item:active {
	transform: scale(0.9);
}

.swagger-ui .checkbox input[type="checkbox"]:checked + label > .item {
	background: #e8e8e8
		url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='8' viewBox='3 7 10 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2341474E' fill-rule='evenodd' d='M6.333 15L3 11.667l1.333-1.334 2 2L11.667 7 13 8.333z'/%3E%3C/svg%3E")
		50% no-repeat;
}

.swagger-ui .dialog-ux {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

.swagger-ui .dialog-ux .backdrop-ux {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
}

.swagger-ui .dialog-ux .modal-ux {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	width: 100%;
	min-width: 18.75em;
	max-width: 40.62em;
	background: #fff;
	border: 0.0625em solid #ebebeb;
	border-radius: var(--radius-small);
	box-shadow: 0 0.625em 1.875em 0 rgba(0, 0, 0, 0.2);
	transform: translate(-50%, -50%);
}

.swagger-ui .dialog-ux .modal-ux-content {
	max-height: 33.75em;
	padding: 1.25em;
	overflow-y: auto;
}

.swagger-ui .dialog-ux .modal-ux-content p {
	margin: 0 0 0.3125em;
	font-size: 0.75em;
	color: #41444e;

	color: #3b4151;
}

.swagger-ui .dialog-ux .modal-ux-content h4 {
	margin: 0.9375em 0 0;
	font-size: 1.125em;
	font-weight: 600;

	color: #3b4151;
}

.swagger-ui .dialog-ux .modal-ux-header {
	display: flex;
	padding: 0.75em 0;
	border-bottom: 0.0625em solid #ebebeb;
	align-items: center;
}

.swagger-ui .dialog-ux .modal-ux-header .close-modal {
	padding: 0 0.625em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: none;
}

.swagger-ui .dialog-ux .modal-ux-header h3 {
	font-size: 1.25em;
	font-weight: 600;
	margin: 0;
	padding: 0 1.25em;
	flex: 1 1;

	color: #3b4151;
}

.swagger-ui .model {
	font-size: 0.75em;
	font-weight: 300;

	font-weight: 600;
	color: #3b4151;
}

.swagger-ui .model-toggle {
	position: relative;
	top: 0.375em;
	display: inline-block;
	margin: auto 0.3em;
	font-size: 0.625em;
	cursor: pointer;
	transform: rotate(90deg);
	transform-origin: 50% 50%;
	transition: transform 0.15s ease-in;
}

.swagger-ui .model-toggle.collapsed {
	transform: rotate(0deg);
}

.swagger-ui .model-toggle:after {
	display: block;
	width: 1.25em;
	height: 1.25em;
	content: "";
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E")
		50% no-repeat;
	background-size: 100%;
}

.swagger-ui .model-jump-to-path {
	position: relative;
	cursor: pointer;
}

.swagger-ui .model-jump-to-path .view-line-link {
	position: absolute;
	top: -0.4em;
	cursor: pointer;
}

.swagger-ui .model-title {
	position: relative;
}

.swagger-ui .model-title:hover .model-hint {
	visibility: visible;
}

.swagger-ui .model-hint {
	position: absolute;
	top: -1.8em;
	visibility: hidden;
	padding: 0.1em 0.5em;
	color: #ebebeb;
	white-space: nowrap;
	background: rgba(0, 0, 0, 0.7);
	border-radius: var(--radius-small);
}

.swagger-ui section.models {
	margin: 1.875em 0 0.5em 0;
	background: var(--color-lightgray);
	border: 0.0625em solid rgba(59, 65, 81, 0.3);
	border-radius: var(--radius-small);
}

.swagger-ui section.models.is-open {
	padding: 0 0 1.25em;
}

.swagger-ui section.models.is-open h4 {
	margin: 0 0 0.3125em;
	border-bottom: 0.0625em solid rgba(59, 65, 81, 0.3);
}

.swagger-ui section.models.is-open h4 svg {
	transform: rotate(90deg);
}

.swagger-ui section.models h4 {
	font-size: 1em;
	display: flex;
	margin: 0;
	padding: 0.625em 1.25em 0.625em 0.625em;
	cursor: pointer;
	transition: all 0.2s;

	color: #777;
	align-items: center;
}

.swagger-ui section.models h4 svg {
	transition: all 0.4s;
}

.swagger-ui section.models h4 span {
	flex: 1 1;
}

.swagger-ui section.models h4:hover {
	background: rgba(0, 0, 0, 0.02);
}

.swagger-ui section.models h5 {
	margin: 0 0 0.625em;
	font-size: 1em;

	color: #777;
}

.swagger-ui section.models .model-jump-to-path {
	position: relative;
	top: 0.3125em;
}

.swagger-ui section.models .model-container {
	margin: 0 1.25em 0.9375em;
	background: rgba(0, 0, 0, 0.05);
	border-radius: var(--radius-small);
	transition: all 0.5s;
}

.swagger-ui section.models .model-container:hover {
	background: rgba(0, 0, 0, 0.07);
}

.swagger-ui section.models .model-container:first-of-type {
	margin: 1.25em;
}

.swagger-ui section.models .model-container:last-of-type {
	margin: 0 1.25em;
}

.swagger-ui section.models .model-box {
	background: none;
}

.swagger-ui .model-box {
	padding: 0.625em;
	background: rgba(0, 0, 0, 0.1);
	border-radius: var(--radius-small);
}

.swagger-ui .model-box .model-jump-to-path {
	position: relative;
	top: 0.25em;
}

.swagger-ui .model-title {
	font-size: 1em;

	color: #555;
}

.swagger-ui span > span.model,
.swagger-ui span > span.model .brace-close {
	padding: 0 0 0 0.625em;
}

.swagger-ui .prop-type {
	color: #55a;
}

.swagger-ui .prop-enum {
	display: block;
}

.swagger-ui .prop-format {
	color: #999;
}

.swagger-ui table {
	width: 100%;
	padding: 0 0.625em;
	border-collapse: collapse;
}

.swagger-ui table td,
.swagger-ui table th {
	word-break: unset !important;
}

.swagger-ui .parameters-col_description,
.swagger-ui .response-col_description {
	width: 99%;
}
.swagger-ui table.model tbody tr td {
	padding: 0;
	vertical-align: top;
}

.swagger-ui table.model tbody tr td:first-of-type {
	width: 6.25em;
	padding: 0;
}

.swagger-ui table.headers td {
	font-size: 0.75em;
	font-weight: 300;

	font-weight: 600;
	vertical-align: middle;
	color: #3b4151;
}

.swagger-ui table tbody tr td {
	padding: 0.625em 0 0;
	vertical-align: top;
}

.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
	padding: 0.75em 0;
	font-size: 0.75em;
	font-weight: 700;

	color: #3b4151;
	text-align: left;
	border-bottom: 0.0625em solid rgba(59, 65, 81, 0.2);
}

.swagger-ui .parameters-col_description p {
	margin: 0;
	font-size: 0.875em;

	color: #3b4151;
}

.swagger-ui .parameters-col_description input[type="text"] {
	width: 100%;
	max-width: 21.25em;
}

.swagger-ui .parameter__name {
	font-size: 1em;
	font-weight: 400;

	color: #3b4151;
}

.swagger-ui .parameter__name.required {
	font-weight: 700;
}

.swagger-ui .parameter__name.required:after {
	position: relative;
	top: -0.375em;
	padding: 0.3125em;
	font-size: 0.625em;
	color: rgba(255, 0, 0, 0.6);
	content: "required";
}

.swagger-ui .parameter__in {
	font-size: 0.75em;
	font-style: italic;

	font-weight: 600;
	color: #888;
}

.swagger-ui .table-container {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

.swagger-ui .topbar {
	padding: 0.5em 1.875em;
	background-color: #89bf04;
}

.swagger-ui .topbar .topbar-wrapper {
	-ms-flex-align: center;
}

.swagger-ui .topbar .topbar-wrapper,
.swagger-ui .topbar a {
	display: flex;
	align-items: center;
}

.swagger-ui .topbar a {
	font-size: 1.5em;
	font-weight: 700;
	text-decoration: none;
	flex: 1 1;
	-ms-flex-align: center;

	color: #fff;
}

.swagger-ui .topbar a span {
	padding: 0 0.625em;
	margin: 0;
}

.swagger-ui .topbar .download-url-wrapper {
	display: flex;
}

.swagger-ui .topbar .download-url-wrapper input[type="text"] {
	min-width: 21.88em;
	margin: 0;
	outline: none;
	border: 0.125em solid #547f00;
	border-radius: 0.25em 0 0 0.25em;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button {
	padding: 0.25em 2.5em;
	font-size: 1em;
	font-weight: 700;

	color: #fff;
	background: #547f00;
	border: none;
	border-radius: 0 0.25em 0.25em 0;
}

.swagger-ui .info {
	margin: 3.125em 0;
}

.swagger-ui .info hgroup.main {
	margin: 0 0 1.25em;
}

.swagger-ui .info hgroup.main a {
	font-size: 0.75em;
}

.swagger-ui .info p {
	font-size: 0.875em;

	color: #3b4151;
}

.swagger-ui .info code {
	padding: 0.1875em 0.3125em;

	font-weight: 600;
	color: #9012fe;
	background: rgba(0, 0, 0, 0.05);
	border-radius: var(--radius-small);
}

.swagger-ui .info a {
	font-size: 0.875em;

	color: #4990e2;
	transition: all 0.4s;
}

.swagger-ui .info a:hover {
	color: #1f69c0;
}

.swagger-ui .info > div {
	margin: 0 0 0.3125em;
}

.swagger-ui .info .base-url {
	margin: 0;
	font-size: 0.75em;
	font-weight: 300 !important;

	font-weight: 600;
	color: #3b4151;
}

.swagger-ui .info .title {
	margin: 0;
	font-size: 2.25em;

	color: #3b4151;
}

.swagger-ui .info .title small {
	position: relative;
	top: -0.3125em;
	display: inline-block;
	padding: 0.125em 0.25em;
	margin: 0 0 0 0.3125em;
	font-size: 0.625em;
	vertical-align: super;
	background: #7d8492;
	border-radius: 3.562em;
}

.swagger-ui .info .title small pre {
	margin: 0;

	color: #fff;
}

.swagger-ui .auth-btn-wrapper {
	display: flex;
	padding: 0.625em 0;
	justify-content: center;
}

.swagger-ui .auth-wrapper {
	display: flex;
	flex: 1 1;
	justify-content: flex-end;
	background: var(--color-article-bg);
}

.swagger-ui .auth-wrapper .authorize {
	padding-right: 1.25em;
}

.swagger-ui .auth-container {
	padding: 0.625em 1.25em;
	margin: 0 0 0.625em;
	border-bottom: 0.0625em solid #ebebeb;
}

.swagger-ui .auth-container:last-of-type {
	padding: 0.625em 1.25em;
	margin: 0;
	border: 0;
}

.swagger-ui .auth-container h4 {
	margin: 0.3125em 0 0.9375em !important;
}

.swagger-ui .auth-container .wrapper {
	padding: 0;
	margin: 0;
}

.swagger-ui .auth-container input[type="password"],
.swagger-ui .auth-container input[type="text"] {
	min-width: 14.38em;
}

.swagger-ui .auth-container .errors {
	padding: 0.625em;
	font-size: 0.75em;

	font-weight: 600;
	color: #3b4151;
	border-radius: var(--radius-small);
}

.swagger-ui .scopes h2 {
	font-size: 0.875em;

	color: #3b4151;
}

.swagger-ui .scope-def {
	padding: 0 0 1.25em;
}

.swagger-ui .errors-wrapper {
	padding: 0.625em 1.25em;
	margin: 1.25em;
	background: rgba(249, 62, 62, 0.1);
	border: 0.125em solid #f93e3e;
	border-radius: var(--radius-small);
	animation: scaleUp 0.5s;
}

.swagger-ui .errors-wrapper .error-wrapper {
	margin: 0 0 0.625em;
}

.swagger-ui .errors-wrapper .errors h4 {
	margin: 0;
	font-size: 0.875em;

	font-weight: 600;
	color: #3b4151;
}

.swagger-ui .errors-wrapper hgroup {
	display: flex;
	align-items: center;
}

.swagger-ui .errors-wrapper hgroup h4 {
	font-size: 1.25em;
	margin: 0;
	flex: 1 1;

	color: #3b4151;
}

@keyframes scaleUp {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.swagger-ui .Resizer.vertical.disabled {
	display: none;
}

/*# sourceMappingURL=swagger-ui.css.map*/

/**
 * Swagger UI Theme Overrides
 *
 * Theme: Muted
 * Author: Mark Ostrander
 * Github: https://github.com/ostranme/swagger-ui-themes
 */

.swagger-ui .opblock.opblock-post {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-post .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-put {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
	background: #633b63;
}

.swagger-ui .opblock.opblock-put .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-delete {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
	background: #c1786a;
}

.swagger-ui .opblock.opblock-delete .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-get {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
	background: #3f778e;
}

.swagger-ui .opblock.opblock-get .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-patch {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-patch .opblock-summary-method {
	background: #c1976a;
}

.swagger-ui .opblock.opblock-patch .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-head {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-head .opblock-summary-method {
	background: #c1976a;
}

.swagger-ui .opblock.opblock-head .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-options {
	background: rgba(246, 246, 246, 0.1);
	border-color: #dadfe1;
}

.swagger-ui .opblock.opblock-options .opblock-summary-method {
	background: #3f778e;
}

.swagger-ui .opblock.opblock-options .opblock-summary {
	border-color: #dadfe1;
}

.swagger-ui .topbar {
	padding: 0.5em 1.875em;
	background-color: #6f7e88;
}

.swagger-ui .topbar .download-url-wrapper input[type="text"] {
	min-width: 21.88em;
	margin: 0;
	outline: none;
	border: 0.125em solid #dadfe1;
	border-radius: 0.25em 0 0 0.25em;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button {
	padding: 0.25em 2.5em;
	font-size: 1em;
	font-weight: 700;
	color: #6f7e88;
	background: #dadfe1;
	border: none;
	border-radius: 0 0.25em 0.25em 0;
}

.swagger-ui .info a {
	font-size: 0.875em;
	color: #6f7e88;
	transition: all 0.4s;
}

.swagger-ui .info a:hover {
	color: #6f7e88;
}

.swagger-ui .btn.authorize {
	display: inline;
	line-height: 1;
	color: #6f7e88;
	border-color: #6f7e88;
}

.swagger-ui .btn.authorize svg {
	fill: #6f7e88;
}

@font-face {
	font-family: "chain-icon";
	src: url(/_next/static/media/chain-icon.37a90289.woff) format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

i[class^="chain-icon"],
i[class*=" chain-icon"] {
	font-family: "chain-icon" !important;
	font-style: normal;
	font-weight: normal !important;
	font-feature-settings: normal;
	font-variant: normal;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-transform: none;
}

i.chain-icon:before {
	content: "\e900";
}

.tippy-box[data-animation=shift-toward][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top]{transform:translateY(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom]{transform:translateY(10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left]{transform:translateX(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right]{transform:translateX(10px)}
.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
:root {
	--chart-base-font-size: 12px;
	--chart-title-font-size: 16px;
}

.wrapper {
    margin: 0 auto;
    position: relative;
}
.bar, .area, .donut {
    stroke: none;
}
.line {
    fill: none;
}

.area-border-line {
    fill: none;
    stroke-width: 2;
}

.donut-block * {
    transition: filter 0.15s;
}
.arc {
    transition: opacity 0.3s;
}
.data-label {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: var(--chart-base-font-size);
    line-height: 140.62%;
    color: #444444;
    cursor: default;
}
.bar-item {
    transition: opacity 0.3s, filter 0.3s;
}


/*========================================================================== Common classes */
.mdt-charts-opacity-inactive {
    opacity: 0.6;
}

/* EXTENDED FOR SPECIFIC STYLES */
.legend-item.mdt-charts-opacity-inactive {
    opacity: 0.45;
}


/*========================================================================== Legend */
.legend-block {
    display: flex;
    height: 100%;
}
.legend-block-centered {
    justify-content: center;
}
.legend-block-column {
    flex-direction: column;
}
.legend-block-row {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}
.legend-item {
    cursor: default;
    transition: opacity 0.1s;
    line-height: 1;
    /* will-change: opacity;      */
}
.legend-block-column .legend-item:not(:first-of-type) {
    margin-top: 10px;
}
.legend-item-inline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.legend-wrapper-without-wrap .legend-item-inline:not(:last-of-type) {
    margin-right: 16px
}
.legend-wrapper-with-wrap .legend-item-inline {
    margin: 2px;
}
.legend-item-row {
    display: flex;
}
.legend-item-row > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.legend-label {
    font-size: var(--chart-base-font-size);
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #444444;
    width: calc(100% - 19px);
    overflow: hidden;
    line-height: normal;
}
.legend-2d-label {
    font-weight: 500;
}
.legend-label-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.legend-marker {
    margin-right: 6px;
}
.legend-circle {
    position: relative;
    bottom: -1px;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 6px;
}


/*========================================================================= Tooltip */
.mdt-charts-tooltip-block {
    pointer-events: none;
    z-index: 100;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
    width: max-content;
    max-width: 500px;
    will-change: filter;
}
.mdt-charts-tooltip-content {
    position: relative;
    pointer-events: none;
    font-family: "Roboto", sans-serif;
    line-height: 1;
    padding: 12px 16px;
    color: white;
    z-index: 102;
    max-width: 500px;
    background: rgba(0, 0, 0, 0.82);
    font-size: var(--chart-base-font-size);
}
.mdt-charts-tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.82) transparent transparent transparent;
}

/* Tooltip Content */
.tooltip-group {
    display: flex;
}
.tooltip-group:not(:first-of-type) {
    margin-top: 6px;
}
.tooltip-circle {
    position: relative;
    display: block;
    width: 9px;
    height: 9px;
    margin-right: 10px;
    border-radius: 50%;
}
.tooltip-text-item {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    width: 100%;
    flex: 1 1;
    display: flex;
    font-weight: 400;
}

.mdt-charts-tooltip-line {
    stroke: #AAA;
    stroke-width: 1px;
    stroke-linecap: round;
}
.mdt-charts-tooltip-content .tooltip-head {
    font-size: var(--chart-base-font-size);
    margin-bottom: 10px;
}
.mdt-charts-tooltip-content .tooltip-texts {
    width: 100%;
}

.mdt-charts-tooltip-content .tooltip-text-item > span {
    display: block;
}
.mdt-charts-tooltip-content .tooltip-text-item .tooltip-field-title {
    flex: 1 1;
}
.mdt-charts-tooltip-content .tooltip-text-item .tooltip-field-value {
    flex: 0 1;
}
.tooltip-field-value {
    margin-left: 1.5em;
    white-space: nowrap;
}


/*========================================================================= Additional */
.mdt-charts-axis .domain {
    stroke: rgba(231, 229, 228, 0.8);
}
.mdt-charts-axis .tick line:first-of-type {
    stroke: rgba(231, 229, 228, 0.8);
}

/* Group lines */
.group-edge-lines line, 
.group-split-lines line {
    stroke: rgba(231, 229, 228, 0.8);
}

/* Aggregator */
.aggregator-value, .aggregator-name {
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    line-height: 1;
}
.aggregator-value {
    pointer-events: auto;
}
.aggregator-name {
    margin-top: 0.5em;
    pointer-events: auto;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Grid */
.grid-line {
    stroke: rgba(231, 229, 228, 0.8);
}

/* Record overflow */
.record-overflow-alert {
    background-color: #FFFFFF;;
    padding: 2px 8px;
    border: 1px solid #0F6698;
    box-sizing: border-box;
    border-radius: 100px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 140.62%;
    color: #0F6698;
}
.record-overflow-alert .btn-close {
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 1.3rem;
}

/* Embedded label */
.embedded-label {
    color: #444444;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: var(--chart-base-font-size);
    line-height: 140.62%;
}

/* Title */
.chart-title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 140.62%;
    cursor: default;
}

/* Mark dots */
.mdt-charts-dot-hidden {
    display: none;
}

/* Card */
.mdt-charts-html-chart {
    width: 100%;
    height: 100%;
}

/* Value Labels */
.mdt-charts-value-label {
    letter-spacing: -0.4px;
}

.mdt-charts-value-label-hidden {
    display: none !important;
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.messageBar{
  --closing-button-icon:url(/_next/static/media/messageBar_closingButton.d5344939.svg);
  --message-bar-close-button-color:var(--text-primary-color);
  --message-bar-close-button-color-hover:var(--text-primary-color);
  --message-bar-close-button-border-radius:4px;
  --message-bar-close-button-border:none;
  --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
  --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
  --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
  --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
  --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
  --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
.messageBar{
  --message-bar-close-button-hover-bg-color:light-dark(
    rgb(21 20 26 / 0.14),
    rgb(251 251 254 / 0.14)
  );
  --message-bar-close-button-active-bg-color:light-dark(
    rgb(21 20 26 / 0.21),
    rgb(251 251 254 / 0.21)
  );
  --message-bar-close-button-focus-bg-color:light-dark(
    rgb(21 20 26 / 0.07),
    rgb(251 251 254 / 0.07)
  );
}
}

@supports not (color: light-dark(tan, tan)){

.messageBar *{
  --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
  --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
  --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
  --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
  --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
  --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
  }
}

@media screen and (forced-colors: active){

.messageBar{
    --message-bar-close-button-color:ButtonText;
    --message-bar-close-button-border:1px solid ButtonText;
    --message-bar-close-button-hover-bg-color:ButtonText;
    --message-bar-close-button-active-bg-color:ButtonText;
    --message-bar-close-button-focus-bg-color:ButtonText;
    --message-bar-close-button-color-hover:HighlightText;
}
  }

.messageBar{

  display:flex;
  position:relative;
  padding:8px 8px 8px 16px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;

  border-radius:4px;

  border:1px solid var(--message-bar-border-color);
  background:var(--message-bar-bg-color);
  color:var(--message-bar-fg-color);
}

.messageBar  > div{
    display:flex;
    align-items:flex-start;
    gap:8px;
    align-self:stretch;
  }

:is(.messageBar > div)::before{
      content:"";
      display:inline-block;
      width:16px;
      height:16px;
      -webkit-mask-image:var(--message-bar-icon);
              mask-image:var(--message-bar-icon);
      -webkit-mask-size:cover;
              mask-size:cover;
      background-color:var(--message-bar-icon-color);
      flex-shrink:0;
    }

.messageBar button{
    cursor:pointer;
  }

:is(.messageBar button):focus-visible{
      outline:var(--focus-ring-outline);
      outline-offset:2px;
    }

.messageBar .closeButton{
    width:32px;
    height:32px;
    background:none;
    border-radius:var(--message-bar-close-button-border-radius);
    border:var(--message-bar-close-button-border);

    display:flex;
    align-items:center;
    justify-content:center;
  }

:is(.messageBar .closeButton)::before{
      content:"";
      display:inline-block;
      width:16px;
      height:16px;
      -webkit-mask-image:var(--closing-button-icon);
              mask-image:var(--closing-button-icon);
      -webkit-mask-size:cover;
              mask-size:cover;
      background-color:var(--message-bar-close-button-color);
    }

:is(.messageBar .closeButton):is(:hover,:active,:focus)::before{
      background-color:var(--message-bar-close-button-color-hover);
    }

:is(.messageBar .closeButton):hover{
      background-color:var(--message-bar-close-button-hover-bg-color);
    }

:is(.messageBar .closeButton):active{
      background-color:var(--message-bar-close-button-active-bg-color);
    }

:is(.messageBar .closeButton):focus{
      background-color:var(--message-bar-close-button-focus-bg-color);
    }

:is(.messageBar .closeButton)  > span{
      display:inline-block;
      width:0;
      height:0;
      overflow:hidden;
    }

#editorUndoBar{
  --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
  --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);

  --message-bar-icon:url(/_next/static/media/messageBar_info.19e154b7.svg);
  --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
  --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
  --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
  --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
  --message-bar-fg-color:var(--text-primary-color);
  --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
  --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));

  --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);

  --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
  --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
  --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
  --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
  --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));

  --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;

  --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);

  --undo-button-fg-color:var(--message-bar-fg-color);
  --undo-button-fg-color-hover:var(--undo-button-fg-color);
  --undo-button-fg-color-active:var(--undo-button-fg-color);
}

@supports (color: light-dark(red, red)){
#editorUndoBar{
  --text-primary-color:light-dark(#15141a, #fbfbfe);
  --message-bar-icon-color:light-dark(#0060df, #73a7f3);
  --message-bar-bg-color:light-dark(#deeafc, #003070);
}
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
#editorUndoBar{
  --message-bar-border-color:light-dark(
    rgb(0 0 0 / 0.08),
    rgb(255 255 255 / 0.08)
  );

  --undo-button-bg-color:light-dark(
    rgb(21 20 26 / 0.07),
    rgb(255 255 255 / 0.08)
  );
  --undo-button-bg-color-hover:light-dark(
    rgb(21 20 26 / 0.14),
    rgb(255 255 255 / 0.14)
  );
  --undo-button-bg-color-active:light-dark(
    rgb(21 20 26 / 0.21),
    rgb(255 255 255 / 0.21)
  );
}
}

@supports (color: light-dark(red, red)){
#editorUndoBar{

  --undo-button-border:1px solid light-dark(#0060df, #0df);
}
}

@supports not (color: light-dark(tan, tan)){

#editorUndoBar *{
  --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
  --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
  --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
  --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
  --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
  --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
  --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
  --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));

  --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);

  --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
  --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
  --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
  --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
  --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));

  --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;

  --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
  }
}

@media screen and (forced-colors: active){

#editorUndoBar{
    --text-primary-color:CanvasText;

    --message-bar-icon-color:CanvasText;
    --message-bar-bg-color:Canvas;
    --message-bar-border-color:CanvasText;

    --undo-button-bg-color:ButtonText;
    --undo-button-bg-color-hover:SelectedItem;
    --undo-button-bg-color-active:SelectedItem;

    --undo-button-fg-color:ButtonFace;
    --undo-button-fg-color-hover:SelectedItemText;
    --undo-button-fg-color-active:SelectedItemText;

    --undo-button-border:none;
}
  }

#editorUndoBar{

  position:fixed;
  top:50px;
  left:50%;
  transform:translateX(-50%);
  z-index:10;

  padding-block:8px;
  padding-inline:16px 8px;

  font:menu;
  font-size:15px;

  cursor:default;
}

#editorUndoBar button{
    cursor:pointer;
  }

#editorUndoBar #editorUndoBarUndoButton{
    border-radius:4px;
    font-weight:590;
    line-height:19.5px;
    color:var(--undo-button-fg-color);
    border:var(--undo-button-border);
    padding:4px 16px;
    -webkit-margin-start:8px;
            margin-inline-start:8px;
    height:32px;

    background-color:var(--undo-button-bg-color);
  }

:is(#editorUndoBar #editorUndoBarUndoButton):hover{
      background-color:var(--undo-button-bg-color-hover);
      color:var(--undo-button-fg-color-hover);
    }

:is(#editorUndoBar #editorUndoBarUndoButton):active{
      background-color:var(--undo-button-bg-color-active);
      color:var(--undo-button-fg-color-active);
    }

#editorUndoBar  > div{
    align-items:center;
  }

.dialog{
  --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
  --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
  --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
  --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
  --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
  --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
  --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
  --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
  --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
  --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
  --hover-filter:brightness(0.9);
  --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
  --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
  --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
  --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
  --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);

  --textarea-border-color:#8f8f9d;
  --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
  --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
  --textarea-fg-color:var(--text-secondary-color);

  --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;

  --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
  --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
  --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
  --radio-border-color:#8f8f9d;
  --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
  --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);

  --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);

  --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
  --button-secondary-fg-color:var(--text-primary-color);
  --button-secondary-border-color:var(--button-secondary-bg-color);
  --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
  --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
  --button-secondary-active-fg-color:var(--button-secondary-fg-color);
  --button-secondary-active-border-color:var(--button-secondary-bg-color);
  --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
  --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
  --button-secondary-disabled-bg-color:var(--button-secondary-bg-color);
  --button-secondary-disabled-border-color:var(
    --button-secondary-border-color
  );
  --button-secondary-disabled-fg-color:var(--button-secondary-fg-color);

  --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;

  --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
  --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
  --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
  --button-primary-border-color:var(--button-primary-bg-color);
  --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
  --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
  --button-primary-active-fg-color:var(--button-primary-fg-color);
  --button-primary-active-border-color:var(--button-primary-active-bg-color);
  --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
  --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
  --button-primary-disabled-bg-color:var(--button-primary-bg-color);
  --button-primary-disabled-border-color:var(--button-primary-border-color);
  --button-primary-disabled-fg-color:var(--button-primary-fg-color);
  --button-disabled-opacity:0.4;

  --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;

  --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
  --input-text-fg-color:var(--text-primary-color);
}

@supports (color: light-dark(red, red)){
.dialog{
  --dialog-bg-color:light-dark(white, #1c1b22);
  --dialog-border-color:light-dark(white, #1c1b22);
}
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
.dialog{
  --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
}
}

@supports (color: light-dark(red, red)){
.dialog{
  --text-primary-color:light-dark(#15141a, #fbfbfe);
  --text-secondary-color:light-dark(#5b5b66, #cfcfd8);
  --link-fg-color:light-dark(#0060df, #0df);
  --link-hover-fg-color:light-dark(#0250bb, #80ebff);
  --separator-color:light-dark(#f0f0f4, #52525e);
  --textarea-bg-color:light-dark(white, #42414d);

  --radio-bg-color:light-dark(#f0f0f4, #2b2a33);
  --radio-checked-bg-color:light-dark(#fbfbfe, #15141a);
  --radio-checked-border-color:light-dark(#0060df, #0df);
}
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
.dialog{

  --button-secondary-bg-color:light-dark(
    rgb(21 20 26 / 0.07),
    rgb(251 251 254 / 0.07)
  );
  --button-secondary-active-bg-color:light-dark(
    rgb(21 20 26 / 0.21),
    rgb(251 251 254 / 0.21)
  );
  --button-secondary-hover-bg-color:light-dark(
    rgb(21 20 26 / 0.14),
    rgb(251 251 254 / 0.14)
  );
}
}

@supports (color: light-dark(red, red)){
.dialog{

  --button-primary-bg-color:light-dark(#0060df, #0df);
  --button-primary-fg-color:light-dark(#fbfbfe, #15141a);
  --button-primary-active-bg-color:light-dark(#054096, #aaf2ff);
  --button-primary-hover-bg-color:light-dark(#0250bb, #80ebff);

  --input-text-bg-color:light-dark(white, #42414d);
}
}

@supports not (color: light-dark(tan, tan)){

.dialog *{
  --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
  --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
  --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
  --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
  --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
  --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
  --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
  --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
  --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
  --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
  --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
  --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
  --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
  --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
  --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
  --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
  --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);

  --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;

  --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
  --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
  --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
  --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
  --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);

  --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);

  --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
  --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
  --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
  --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
  --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));

  --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;

  --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
  --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
  --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
  --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
  --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
  --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
  --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);

  --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;

  --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
  }
}

@media (prefers-color-scheme: dark){

.dialog{
    --hover-filter:brightness(1.4);
    --button-disabled-opacity:0.6;
}
  }

@media screen and (forced-colors: active){

.dialog{
    --dialog-bg-color:Canvas;
    --dialog-border-color:CanvasText;
    --dialog-shadow:none;
    --text-primary-color:CanvasText;
    --text-secondary-color:CanvasText;
    --hover-filter:none;
    --link-fg-color:LinkText;
    --link-hover-fg-color:LinkText;
    --separator-color:CanvasText;

    --textarea-border-color:ButtonBorder;
    --textarea-bg-color:Field;
    --textarea-fg-color:ButtonText;

    --radio-bg-color:ButtonFace;
    --radio-checked-bg-color:ButtonFace;
    --radio-border-color:ButtonText;
    --radio-checked-border-color:ButtonText;

    --button-secondary-bg-color:HighlightText;
    --button-secondary-fg-color:ButtonText;
    --button-secondary-border-color:ButtonText;
    --button-secondary-active-bg-color:HighlightText;
    --button-secondary-active-fg-color:SelectedItem;
    --button-secondary-active-border-color:ButtonText;
    --button-secondary-hover-bg-color:HighlightText;
    --button-secondary-hover-fg-color:SelectedItem;
    --button-secondary-hover-border-color:SelectedItem;
    --button-secondary-disabled-fg-color:GrayText;
    --button-secondary-disabled-border-color:GrayText;

    --button-primary-bg-color:ButtonText;
    --button-primary-fg-color:HighlightText;
    --button-primary-border-color:ButtonText;
    --button-primary-active-bg-color:SelectedItem;
    --button-primary-active-fg-color:HighlightText;
    --button-primary-active-border-color:ButtonText;
    --button-primary-hover-bg-color:SelectedItem;
    --button-primary-hover-fg-color:HighlightText;
    --button-primary-hover-border-color:SelectedItem;
    --button-primary-disabled-bg-color:GrayText;
    --button-primary-disabled-fg-color:ButtonFace;
    --button-primary-disabled-border-color:GrayText;
    --button-disabled-opacity:1;

    --input-text-bg-color:HighlightText;
    --input-text-fg-color:FieldText;
}
  }

.dialog{

  font:message-box;
  font-size:13px;
  font-weight:400;
  line-height:150%;
  border-radius:4px;
  padding:12px 16px;
  border:1px solid var(--dialog-border-color);
  background:var(--dialog-bg-color);
  color:var(--text-primary-color);
  box-shadow:var(--dialog-shadow);
}

:is(.dialog .mainContainer) *:focus-visible{
      outline:var(--focus-ring-outline);
      outline-offset:2px;
    }

:is(.dialog .mainContainer) .title{
      display:flex;
      width:auto;
      flex-direction:column;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
    }

:is(:is(.dialog .mainContainer) .title)  > span{
        font-size:13px;
        font-style:normal;
        font-weight:590;
        line-height:150%;
      }

:is(.dialog .mainContainer) .dialogSeparator{
      width:100%;
      height:0;
      margin-block:4px;
      border-top:1px solid var(--separator-color);
      border-bottom:none;
    }

:is(.dialog .mainContainer) .dialogButtonsGroup{
      display:flex;
      gap:12px;
      align-self:flex-end;
    }

:is(.dialog .mainContainer) .radio{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
    }

:is(:is(.dialog .mainContainer) .radio)  > .radioButton{
        display:flex;
        gap:8px;
        align-self:stretch;
        align-items:center;
      }

:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input{
          -webkit-appearance:none;
             -moz-appearance:none;
                  appearance:none;
          box-sizing:border-box;
          width:16px;
          height:16px;
          border-radius:50%;
          background-color:var(--radio-bg-color);
          border:1px solid var(--radio-border-color);
        }

:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover{
            filter:var(--hover-filter);
          }

:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked{
            background-color:var(--radio-checked-bg-color);
            border:4px solid var(--radio-checked-border-color);
          }

:is(:is(.dialog .mainContainer) .radio)  > .radioLabel{
        display:flex;
        -webkit-padding-start:24px;
                padding-inline-start:24px;
        align-items:flex-start;
        gap:10px;
        align-self:stretch;
      }

:is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel)  > span{
          flex:1 0;
          font-size:11px;
          color:var(--text-secondary-color);
        }

:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)){
      border-radius:4px;
      border:1px solid;
      font:menu;
      font-weight:590;
      font-size:13px;
      padding:4px 16px;
      width:auto;
      height:32px;
    }

:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
        cursor:pointer;
        filter:var(--hover-filter);
      }

:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)))  > span{
        color:inherit;
        font:inherit;
      }

.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
        color:var(--button-secondary-fg-color);
        background-color:var(--button-secondary-bg-color);
        border-color:var(--button-secondary-border-color);
      }

.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
          color:var(--button-secondary-hover-fg-color);
          background-color:var(--button-secondary-hover-bg-color);
          border-color:var(--button-secondary-hover-border-color);
        }

.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active{
          color:var(--button-secondary-active-fg-color);
          background-color:var(--button-secondary-active-bg-color);
          border-color:var(--button-secondary-active-border-color);
        }

.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
          background-color:var(--button-secondary-disabled-bg-color);
          border-color:var(--button-secondary-disabled-border-color);
          color:var(--button-secondary-disabled-fg-color);
          opacity:var(--button-disabled-opacity);
        }

.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
        color:var(--button-primary-fg-color);
        background-color:var(--button-primary-bg-color);
        border-color:var(--button-primary-border-color);
        opacity:1;
      }

.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
          color:var(--button-primary-hover-fg-color);
          background-color:var(--button-primary-hover-bg-color);
          border-color:var(--button-primary-hover-border-color);
        }

.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active{
          color:var(--button-primary-active-fg-color);
          background-color:var(--button-primary-active-bg-color);
          border-color:var(--button-primary-active-border-color);
        }

.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
          background-color:var(--button-primary-disabled-bg-color);
          border-color:var(--button-primary-disabled-border-color);
          color:var(--button-primary-disabled-fg-color);
          opacity:var(--button-disabled-opacity);
        }

:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
        pointer-events:none;
      }

:is(.dialog .mainContainer) a{
      color:var(--link-fg-color);
    }

:is(:is(.dialog .mainContainer) a):hover{
        color:var(--link-hover-fg-color);
      }

:is(.dialog .mainContainer) textarea{
      font:inherit;
      padding:8px;
      resize:none;
      margin:0;
      box-sizing:border-box;
      border-radius:4px;
      border:1px solid var(--textarea-border-color);
      background:var(--textarea-bg-color);
      color:var(--textarea-fg-color);
    }

:is(:is(.dialog .mainContainer) textarea):focus{
        outline-offset:0;
        border-color:transparent;
      }

:is(:is(.dialog .mainContainer) textarea):disabled{
        pointer-events:none;
        opacity:0.4;
      }

:is(.dialog .mainContainer) input[type="text"]{
      background-color:var(--input-text-bg-color);
      color:var(--input-text-fg-color);
    }

:is(.dialog .mainContainer) .messageBar{
      --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
      --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
      --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
      --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
      --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
      --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
      --message-bar-icon:url(/_next/static/media/messageBar_warning.c4f97abd.svg);
      --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
      --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
    }

@supports (color: light-dark(red, red)){
:is(.dialog .mainContainer) .messageBar{
      --message-bar-bg-color:light-dark(#ffebcd, #5a3100);
      --message-bar-fg-color:light-dark(#15141a, #fbfbfe);
    }
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
:is(.dialog .mainContainer) .messageBar{
      --message-bar-border-color:light-dark(
        rgb(0 0 0 / 0.08),
        rgb(255 255 255 / 0.08)
      );
    }
}

@supports (color: light-dark(red, red)){
:is(.dialog .mainContainer) .messageBar{
      --message-bar-icon-color:light-dark(#cd411e, #e49c49);
    }
}

@supports not (color: light-dark(tan, tan)){

:is(:is(.dialog .mainContainer) .messageBar) *{
      --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
      --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
      --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
      --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
      --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
      --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
      --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
      --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
  }
}

@media screen and (forced-colors: active){

:is(.dialog .mainContainer) .messageBar{
        --message-bar-bg-color:HighlightText;
        --message-bar-fg-color:CanvasText;
        --message-bar-border-color:CanvasText;
        --message-bar-icon-color:CanvasText;
    }
      }

:is(.dialog .mainContainer) .messageBar{

      align-self:stretch;
    }

:is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before,:is(:is(:is(.dialog .mainContainer) .messageBar) > div)  > div{
          margin-block:4px;
        }

:is(:is(:is(.dialog .mainContainer) .messageBar) > div)  > div{
          display:flex;
          flex-direction:column;
          align-items:flex-start;
          gap:8px;
          flex:1 0;
        }

:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title{
            font-size:13px;
            font-weight:590;
          }

:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description{
            font-size:13px;
          }

:is(.dialog .mainContainer) .toggler{
      display:flex;
      align-items:center;
      gap:8px;
      align-self:stretch;
    }

:is(:is(.dialog .mainContainer) .toggler)  > .togglerLabel{
        -webkit-user-select:none;
           -moz-user-select:none;
                user-select:none;
      }

.textLayer{
  position:absolute;
  text-align:initial;
  inset:0;
  overflow:clip;
  opacity:1;
  line-height:1;
  text-size-adjust:none;
  forced-color-adjust:none;
  transform-origin:0 0;
  caret-color:CanvasText;
  z-index:0;
}

.textLayer.highlighting{
    touch-action:none;
  }

.textLayer :is(span,br){
    color:transparent;
    position:absolute;
    white-space:pre;
    cursor:text;
    transform-origin:0% 0%;
  }

.textLayer  > :not(.markedContent),.textLayer .markedContent span:not(.markedContent){
    z-index:1;
  }

.textLayer span.markedContent{
    top:0;
    height:0;
  }

.textLayer span[role="img"]{
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    cursor:default;
  }

.textLayer .highlight{
    --highlight-bg-color:rgb(180 0 170 / 0.25);
    --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
    --highlight-backdrop-filter:none;
    --highlight-selected-backdrop-filter:none;
  }

@media screen and (forced-colors: active){

.textLayer .highlight{
      --highlight-bg-color:transparent;
      --highlight-selected-bg-color:transparent;
      --highlight-backdrop-filter:var(--hcm-highlight-filter);
      --highlight-selected-backdrop-filter:var(
        --hcm-highlight-selected-filter
      );
  }
    }

.textLayer .highlight{

    margin:-1px;
    padding:1px;
    background-color:var(--highlight-bg-color);
    -webkit-backdrop-filter:var(--highlight-backdrop-filter);
            backdrop-filter:var(--highlight-backdrop-filter);
    border-radius:4px;
  }

.appended:is(.textLayer .highlight){
      position:initial;
    }

.begin:is(.textLayer .highlight){
      border-radius:4px 0 0 4px;
    }

.end:is(.textLayer .highlight){
      border-radius:0 4px 4px 0;
    }

.middle:is(.textLayer .highlight){
      border-radius:0;
    }

.selected:is(.textLayer .highlight){
      background-color:var(--highlight-selected-bg-color);
      -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
              backdrop-filter:var(--highlight-selected-backdrop-filter);
    }

.textLayer ::selection{
    background:rgba(0 0 255 / 0.25);
    background:color-mix(in srgb, AccentColor, transparent 75%);
  }

.textLayer br::selection{
    background:transparent;
  }

.textLayer .endOfContent{
    display:block;
    position:absolute;
    inset:100% 0 0;
    z-index:0;
    cursor:default;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
  }

.textLayer.selecting .endOfContent{
    top:0;
  }

.annotationLayer{
  --csstools-color-scheme--light:initial;
  color-scheme:only light;

  --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color:Highlight;
  --input-focus-outline:1px solid Canvas;
  --input-unfocused-border-color:transparent;
  --input-disabled-border-color:transparent;
  --input-hover-border-color:black;
  --link-outline:none;
}

@media screen and (forced-colors: active){

.annotationLayer{
    --input-focus-border-color:CanvasText;
    --input-unfocused-border-color:ActiveText;
    --input-disabled-border-color:GrayText;
    --input-hover-border-color:Highlight;
    --link-outline:1.5px solid LinkText;
}

    .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
      outline:1.5px solid selectedItem;
    }

    .annotationLayer .linkAnnotation{
      outline:var(--link-outline);
    }

      :is(.annotationLayer .linkAnnotation):hover{
        -webkit-backdrop-filter:var(--hcm-highlight-filter);
                backdrop-filter:var(--hcm-highlight-filter);
      }

      :is(.annotationLayer .linkAnnotation) > a:hover{
        opacity:0 !important;
        background:none !important;
        box-shadow:none;
      }

    .annotationLayer .popupAnnotation .popup{
      outline:calc(1.5px * var(--total-scale-factor)) solid CanvasText !important;
      background-color:ButtonFace !important;
      color:ButtonText !important;
    }

    .annotationLayer .highlightArea:hover::after{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      -webkit-backdrop-filter:var(--hcm-highlight-filter);
              backdrop-filter:var(--hcm-highlight-filter);
      content:"";
      pointer-events:none;
    }

    .annotationLayer .popupAnnotation.focused .popup{
      outline:calc(3px * var(--total-scale-factor)) solid Highlight !important;
    }
  }

.annotationLayer{

  position:absolute;
  top:0;
  left:0;
  pointer-events:none;
  transform-origin:0 0;
}

.annotationLayer[data-main-rotation="90"] .norotate{
    transform:rotate(270deg) translateX(-100%);
  }

.annotationLayer[data-main-rotation="180"] .norotate{
    transform:rotate(180deg) translate(-100%, -100%);
  }

.annotationLayer[data-main-rotation="270"] .norotate{
    transform:rotate(90deg) translateY(-100%);
  }

.annotationLayer.disabled section,.annotationLayer.disabled .popup{
      pointer-events:none;
    }

.annotationLayer .annotationContent{
    position:absolute;
    width:100%;
    height:100%;
    pointer-events:none;
  }

.freetext:is(.annotationLayer .annotationContent){
      background:transparent;
      border:none;
      inset:0;
      overflow:visible;
      white-space:nowrap;
      font:10px sans-serif;
      line-height:1.35;
    }

.annotationLayer section{
    position:absolute;
    text-align:initial;
    pointer-events:auto;
    box-sizing:border-box;
    transform-origin:0 0;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
  }

:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
        display:none;
      }

:is(.annotationLayer section) .overlaidText{
      position:absolute;
      top:0;
      left:0;
      width:0;
      height:0;
      display:inline-block;
      overflow:hidden;
    }

.textLayer.selecting ~ .annotationLayer section{
    pointer-events:none;
  }

.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a{
    position:absolute;
    font-size:1em;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
    opacity:0.2;
    background-color:rgb(255 255 0);
  }

.annotationLayer .linkAnnotation.hasBorder:hover{
    background-color:rgb(255 255 0 / 0.2);
  }

.annotationLayer .hasBorder{
    background-size:100% 100%;
  }

.annotationLayer .textAnnotation img{
    position:absolute;
    cursor:pointer;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
    background-image:var(--annotation-unfocused-field-background);
    border:2px solid var(--input-unfocused-border-color);
    box-sizing:border-box;
    font:calc(9px * var(--total-scale-factor)) sans-serif;
    height:100%;
    margin:0;
    vertical-align:top;
    width:100%;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
    outline:1.5px solid red;
  }

.annotationLayer .choiceWidgetAnnotation select option{
    padding:0;
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input{
    border-radius:50%;
  }

.annotationLayer .textWidgetAnnotation textarea{
    resize:none;
  }

.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{
    background:none;
    border:2px solid var(--input-disabled-border-color);
    cursor:not-allowed;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{
    border:2px solid var(--input-hover-border-color);
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
    border-radius:2px;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{
    background:none;
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{
    background-image:none;
    background-color:transparent;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox :focus{
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton :focus{
    border:2px solid var(--input-focus-border-color);
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    background-color:CanvasText;
    content:"";
    display:block;
    position:absolute;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    height:80%;
    left:45%;
    width:1px;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{
    transform:rotate(45deg);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    transform:rotate(-45deg);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    border-radius:50%;
    height:50%;
    left:25%;
    top:25%;
    width:50%;
  }

.annotationLayer .textWidgetAnnotation input.comb{
    font-family:monospace;
    padding-left:2px;
    padding-right:0;
  }

.annotationLayer .textWidgetAnnotation input.comb:focus{
    width:103%;
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{
    height:100%;
    width:100%;
  }

.annotationLayer .popupAnnotation{
    position:absolute;
    font-size:calc(9px * var(--total-scale-factor));
    pointer-events:none;
    width:max-content;
    max-width:45%;
    height:auto;
  }

.annotationLayer .popup{
    background-color:rgb(255 255 153);
    color:black;
    box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136);
    border-radius:calc(2px * var(--total-scale-factor));
    outline:1.5px solid rgb(255 255 74);
    padding:calc(6px * var(--total-scale-factor));
    cursor:pointer;
    font:message-box;
    white-space:normal;
    word-wrap:break-word;
    pointer-events:auto;
    -webkit-user-select:text;
       -moz-user-select:text;
            user-select:text;
  }

.annotationLayer .popupAnnotation.focused .popup{
    outline-width:3px;
  }

.annotationLayer .popup *{
    font-size:calc(9px * var(--total-scale-factor));
  }

.annotationLayer .popup > .header{
    display:inline-block;
  }

.annotationLayer .popup > .header h1{
    display:inline;
  }

.annotationLayer .popup > .header .popupDate{
    display:inline-block;
    margin-left:calc(5px * var(--total-scale-factor));
    width:-moz-fit-content;
    width:fit-content;
  }

.annotationLayer .popupContent{
    border-top:1px solid rgb(51 51 51);
    margin-top:calc(2px * var(--total-scale-factor));
    padding-top:calc(2px * var(--total-scale-factor));
  }

.annotationLayer .richText > *{
    white-space:pre-wrap;
    font-size:calc(9px * var(--total-scale-factor));
  }

.annotationLayer .popupTriggerArea{
    cursor:pointer;
  }

.annotationLayer section svg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .annotationTextContent{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    color:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    pointer-events:none;
  }

:is(.annotationLayer .annotationTextContent) span{
      width:100%;
      display:inline-block;
    }

.annotationLayer svg.quadrilateralsContainer{
    contain:strict;
    width:0;
    height:0;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
  }

:root{
  --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline:auto;
}

@media screen and (forced-colors: active){
  :root{
    --xfa-focus-outline:2px solid CanvasText;
  }
  .xfaLayer *:required{
    outline:1.5px solid selectedItem;
  }
}

.xfaLayer{
  --csstools-color-scheme--light:initial;
  color-scheme:only light;

  background-color:transparent;
}

.xfaLayer .highlight{
  margin:-1px;
  padding:1px;
  background-color:rgb(239 203 237);
  border-radius:4px;
}

.xfaLayer .highlight.appended{
  position:initial;
}

.xfaLayer .highlight.begin{
  border-radius:4px 0 0 4px;
}

.xfaLayer .highlight.end{
  border-radius:0 4px 4px 0;
}

.xfaLayer .highlight.middle{
  border-radius:0;
}

.xfaLayer .highlight.selected{
  background-color:rgb(203 223 203);
}

.xfaPage{
  overflow:hidden;
  position:relative;
}

.xfaContentarea{
  position:absolute;
}

.xfaPrintOnly{
  display:none;
}

.xfaLayer{
  position:absolute;
  text-align:initial;
  top:0;
  left:0;
  transform-origin:0 0;
  line-height:1.2;
}

.xfaLayer *{
  color:inherit;
  font:inherit;
  font-style:inherit;
  font-weight:inherit;
  font-feature-settings:inherit;
  font-kerning:inherit;
  letter-spacing:-0.01px;
  text-align:inherit;
  text-decoration:inherit;
  box-sizing:border-box;
  background-color:transparent;
  padding:0;
  margin:0;
  pointer-events:auto;
  line-height:inherit;
}

.xfaLayer *:required{
  outline:1.5px solid red;
}

.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg *{
  pointer-events:none;
}

.xfaLayer a{
  color:blue;
}

.xfaRich li{
  margin-left:3em;
}

.xfaFont{
  color:black;
  font-weight:normal;
  font-feature-settings:"kern" off;
  font-kerning:none;
  font-size:10px;
  font-style:normal;
  letter-spacing:0;
  text-decoration:none;
  vertical-align:0;
}

.xfaCaption{
  overflow:hidden;
  flex:0 0 auto;
}

.xfaCaptionForCheckButton{
  overflow:hidden;
  flex:1 1 auto;
}

.xfaLabel{
  height:100%;
  width:100%;
}

.xfaLeft{
  display:flex;
  flex-direction:row;
  align-items:center;
}

.xfaRight{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
}

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  max-height:100%;
}

.xfaTop{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.xfaBottom{
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-start;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  width:100%;
}

.xfaBorder{
  background-color:transparent;
  position:absolute;
  pointer-events:none;
}

.xfaWrapped{
  width:100%;
  height:100%;
}

:is(.xfaTextfield, .xfaSelect):focus{
  background-image:none;
  background-color:transparent;
  outline:var(--xfa-focus-outline);
  outline-offset:-1px;
}

:is(.xfaCheckbox, .xfaRadio):focus{
  outline:var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect{
  height:100%;
  width:100%;
  flex:1 1 auto;
  border:none;
  resize:none;
  background-image:var(--xfa-unfocused-field-background);
}

.xfaSelect{
  padding-inline:2px;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){
  flex:0 1 auto;
}

.xfaButton{
  cursor:pointer;
  width:100%;
  height:100%;
  border:none;
  text-align:center;
}

.xfaLink{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.xfaCheckbox,
.xfaRadio{
  width:100%;
  height:100%;
  flex:0 0 auto;
  border:none;
}

.xfaRich{
  white-space:pre-wrap;
  width:100%;
  height:100%;
}

.xfaImage{
  object-position:left top;
  object-fit:contain;
  width:100%;
  height:100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaLr{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaRl{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
}

.xfaTb > div{
  justify-content:left;
}

.xfaPosition{
  position:relative;
}

.xfaArea{
  position:relative;
}

.xfaValignMiddle{
  display:flex;
  align-items:center;
}

.xfaTable{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaTable .xfaRow{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaTable .xfaRlRow{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
  flex:1 1;
}

.xfaTable .xfaRlRow > div{
  flex:1 1;
}

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
  background:initial;
}

@media print{
  .xfaTextfield,
  .xfaSelect{
    background:transparent;
  }

  .xfaSelect{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    text-indent:1px;
    text-overflow:"";
  }
}

.canvasWrapper svg{
    transform:none;
  }

.moving:is(.canvasWrapper svg){
      z-index:100000;
    }

[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){
          transform:matrix(0, 1, -1, 0, 1, 0);
        }

[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){
          transform:matrix(-1, 0, 0, -1, 1, 1);
        }

[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){
          transform:matrix(0, -1, 1, 0, 0, 1);
        }

.draw:is(.canvasWrapper svg){
      position:absolute;
      mix-blend-mode:normal;
    }

.draw[data-draw-rotation="90"]:is(.canvasWrapper svg){
        transform:rotate(90deg);
      }

.draw[data-draw-rotation="180"]:is(.canvasWrapper svg){
        transform:rotate(180deg);
      }

.draw[data-draw-rotation="270"]:is(.canvasWrapper svg){
        transform:rotate(270deg);
      }

.highlight:is(.canvasWrapper svg){
      --blend-mode:multiply;
    }

@media screen and (forced-colors: active){

.highlight:is(.canvasWrapper svg){
        --blend-mode:difference;
    }
      }

.highlight:is(.canvasWrapper svg){

      position:absolute;
      mix-blend-mode:var(--blend-mode);
    }

.highlight:is(.canvasWrapper svg):not(.free){
        fill-rule:evenodd;
      }

.highlightOutline:is(.canvasWrapper svg){
      position:absolute;
      mix-blend-mode:normal;
      fill-rule:evenodd;
      fill:none;
    }

.highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:var(--outline-width);
        }

.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              var(--outline-width) + 2 * var(--outline-around-width)
            );
          }

.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:var(--outline-width);
          }

.highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:calc(2 * var(--outline-width));
        }

.highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              2 * (var(--outline-width) + var(--outline-around-width))
            );
          }

.highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:calc(2 * var(--outline-width));
          }

.toggle-button{
  --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
  --button-background-color-hover:color-mix(
    in srgb,
    currentColor 14%,
    transparent
  );
  --button-background-color-active:color-mix(
    in srgb,
    currentColor 21%,
    transparent
  );
  --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
  --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
  --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
  --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
  --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
  --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
  --border-radius-circle:9999px;
  --border-width:1px;
  --size-item-small:16px;
  --size-item-large:32px;
  --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
  --color-canvas:var(--csstools-light-dark-toggle--38, white);
  --background-color-canvas:var(--color-canvas);
  --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
  --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
  --border-color-interactive-hover:var(--border-color-interactive);
  --border-color-interactive-active:var(--border-color-interactive);
}

@supports (color: light-dark(red, red)){
.toggle-button{
  --color-accent-primary:light-dark(#0060df, #0df);
  --color-accent-primary-hover:light-dark(#0250bb, #80ebff);
  --color-accent-primary-active:light-dark(#054096, #aaf2ff);
  --color-canvas:light-dark(white, #1c1b22);
  --border-color-interactive:light-dark(#8f8f9d, #f9f9fa);
}
}

@supports not (color: light-dark(tan, tan)){

.toggle-button *{
  --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
  --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
  --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
  --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
  --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
  --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
  --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
  --color-canvas:var(--csstools-light-dark-toggle--38, white);
  --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
  --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
  }
}

@media (forced-colors: active){

.toggle-button{
    --color-accent-primary:ButtonText;
    --color-accent-primary-hover:SelectedItem;
    --color-accent-primary-active:SelectedItem;
    --button-background-color:ButtonFace;
    --border-color-interactive:ButtonText;
    --border-color-interactive-hover:SelectedItem;
    --border-color-interactive-active:ButtonText;
    --color-canvas:ButtonText;
    --background-color-canvas:Canvas;
}
  }

.toggle-button{
  --toggle-background-color:var(--button-background-color);
  --toggle-background-color-hover:var(--button-background-color-hover);
  --toggle-background-color-active:var(--button-background-color-active);
  --toggle-background-color-pressed:var(--color-accent-primary);
  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
  --toggle-background-color-pressed-active:var(--color-accent-primary-active);
  --toggle-border-color:var(--border-color-interactive);
  --toggle-border-color-hover:var(--toggle-border-color);
  --toggle-border-color-active:var(--toggle-border-color);
  --toggle-border-radius:var(--border-radius-circle);
  --toggle-border-width:var(--border-width);
  --toggle-height:var(--size-item-small);
  --toggle-width:var(--size-item-large);
  --toggle-dot-background-color:var(--toggle-border-color);
  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
  --toggle-dot-background-color-active:var(--toggle-dot-background-color);
  --toggle-dot-background-color-on-pressed:var(--background-color-canvas);
  --toggle-dot-margin:1px;
  --toggle-dot-height:calc(
    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
      var(--toggle-border-width)
  );
  --toggle-dot-width:var(--toggle-dot-height);
  --toggle-dot-transform-x:calc(
    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
  );
  --input-width:var(--toggle-width);

  -webkit-appearance:none;

     -moz-appearance:none;

          appearance:none;
  padding:0;
  border:var(--toggle-border-width) solid var(--toggle-border-color);
  height:var(--toggle-height);
  width:var(--toggle-width);
  border-radius:var(--toggle-border-radius);
  background-color:var(--toggle-background-color);
  box-sizing:border-box;
}

.toggle-button:focus-visible{
    outline:var(--focus-outline);
    outline-offset:var(--focus-outline-offset);
  }

.toggle-button:enabled:hover{
    background-color:var(--toggle-background-color-hover);
    border-color:var(--toggle-border-color);
  }

.toggle-button:enabled:hover:active{
    background-color:var(--toggle-background-color-active);
    border-color:var(--toggle-border-color);
  }

.toggle-button::before{
    display:block;
    content:"";
    background-color:var(--toggle-dot-background-color);
    height:var(--toggle-dot-height);
    width:var(--toggle-dot-width);
    margin:var(--toggle-dot-margin);
    border-radius:var(--toggle-border-radius);
    translate:0;
  }

.toggle-button[aria-pressed="true"]{
  background-color:var(--toggle-background-color-pressed);
  border-color:transparent;
}

.toggle-button[aria-pressed="true"]:enabled:hover{
    background-color:var(--toggle-background-color-pressed-hover);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:hover:active{
    background-color:var(--toggle-background-color-pressed-active);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]::before{
    translate:var(--toggle-dot-transform-x);
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

.toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:hover:active::before{
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

.toggle-button[aria-pressed="true"]:-moz-locale-dir(rtl)::before,[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
    translate:calc(-1 * var(--toggle-dot-transform-x));
  }

@media (prefers-reduced-motion: no-preference){
  .toggle-button::before{
    transition:translate 100ms;
  }
}

@media (prefers-contrast){
  .toggle-button:enabled:hover{
    border-color:var(--toggle-border-color-hover);
  }

  .toggle-button:enabled:hover:active{
    border-color:var(--toggle-border-color-active);
  }

  .toggle-button[aria-pressed="true"]:enabled{
    border-color:var(--toggle-border-color);
    position:relative;
  }

    .toggle-button[aria-pressed="true"]:enabled:hover{
      border-color:var(--toggle-border-color-hover);
    }

      .toggle-button[aria-pressed="true"]:enabled:hover:active{
        background-color:var(--toggle-dot-background-color-active);
        border-color:var(--toggle-dot-background-color-hover);
      }

  .toggle-button:enabled:hover::before,
  .toggle-button:enabled:hover:active::before{
    background-color:var(--toggle-dot-background-color-hover);
  }
}

@media (forced-colors){
  .toggle-button{
    --toggle-dot-background-color:var(--color-accent-primary);
    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
    --toggle-dot-background-color-active:var(--color-accent-primary-active);
    --toggle-dot-background-color-on-pressed:var(--button-background-color);
    --toggle-border-color-hover:var(--border-color-interactive-hover);
    --toggle-border-color-active:var(--border-color-interactive-active);
  }

  .toggle-button[aria-pressed="true"]:enabled::after{
    border:1px solid var(--button-background-color);
    content:"";
    position:absolute;
    height:var(--toggle-height);
    width:var(--toggle-width);
    display:block;
    border-radius:var(--toggle-border-radius);
    inset:-2px;
  }

  .toggle-button[aria-pressed="true"]:enabled:hover:active::after{
    border-color:var(--toggle-border-color-active);
  }
}

:root{
  --clear-signature-button-icon:url(/_next/static/media/editor-toolbar-delete.6694a89f.svg);
  --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
  --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
  --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
  --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
  --button-signature-bg:transparent;
  --button-signature-color:var(--main-color);
  --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
  --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
  --button-signature-active-border:none;
  --button-signature-active-color:var(--button-signature-color);
  --button-signature-border:none;
  --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
  --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
  --button-signature-hover-color:var(--button-signature-color);
}

@supports (color: light-dark(red, red)){
:root{
  --signature-bg:light-dark(#f9f9fb, #2b2a33);
  --signature-hover-bg:light-dark(#f0f0f4, var(--signature-bg));
  --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66);
  --button-signature-hover-bg:light-dark(#e0e0e6, #52525e);
}
}

@supports not (color: light-dark(tan, tan)){

:root *{
  --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
  --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
  --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
  --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
  --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
  --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
  --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
  --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
  }
}

@media screen and (forced-colors: active){

:root{
    --signature-bg:HighlightText;
    --signature-hover-bg:var(--signature-bg);
    --button-signature-bg:HighlightText;
    --button-signature-color:ButtonText;
    --button-signature-active-bg:ButtonText;
    --button-signature-active-color:HighlightText;
    --button-signature-border:1px solid ButtonText;
    --button-signature-hover-bg:Highlight;
    --button-signature-hover-color:HighlightText;
}
  }

.signatureDialog{
  --primary-color:var(--text-primary-color);
  --border-color:#8f8f9d;
  --open-link-fg:var(--link-fg-color);
  --open-link-hover-fg:var(--link-hover-fg-color);
}

@media screen and (forced-colors: active){

.signatureDialog{
    --primary-color:ButtonText;
    --border-color:ButtonText;
    --open-link-fg:ButtonText;
    --open-link-hover-fg:ButtonText;
}
  }

.signatureDialog{

  width:570px;
  max-width:100%;
  min-width:300px;
  padding:16px 0;
}

.signatureDialog .mainContainer{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

:is(.signatureDialog .mainContainer) span:not([role="sectionhead"]){
      font-size:13px;
      font-style:normal;
      font-weight:400;
      line-height:normal;
    }

:is(.signatureDialog .mainContainer) .title{
      -webkit-margin-start:16px;
              margin-inline-start:16px;
    }

.signatureDialog .inputWithClearButton{
    --button-dimension:24px;
    --clear-button-icon:url(/_next/static/media/messageBar_closingButton.d5344939.svg);

    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
  }

:is(.signatureDialog .inputWithClearButton)  > input{
      width:100%;
      height:32px;
      padding-inline:8px calc(4px + var(--button-dimension));
      box-sizing:border-box;
      border-radius:4px;
      border:1px solid var(--border-color);
    }

:is(.signatureDialog .inputWithClearButton) .clearInputButton{
      position:absolute;
      inset-block-start:4px;
      inset-inline-end:4px;
      display:inline-block;
      width:var(--button-dimension);
      height:var(--button-dimension);
      background-color:var(--input-text-fg-color);
      -webkit-mask-size:cover;
              mask-size:cover;
      -webkit-mask-image:var(--clear-button-icon);
              mask-image:var(--clear-button-icon);
      padding:0;
      border:0;
    }

#addSignatureDialog{
  --secondary-color:var(--text-secondary-color);
  --bg-hover:#e0e0e6;
  --tab-top-line-active-color:#0060df;
  --tab-top-line-active-hover-color:var(--tab-text-hover-color);
  --tab-top-line-hover-color:#8f8f9d;
  --tab-top-line-inactive-color:#cfcfd8;
  --tab-bottom-line-active-color:var(--tab-top-line-inactive-color);
  --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color);
  --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color);
  --tab-bg:var(--dialog-bg-color);
  --tab-bg-active-color:var(--tab-bg);
  --tab-bg-active-hover-color:var(--bg-hover);
  --tab-bg-hover:var(--bg-hover);
  --tab-panel-border:none;
  --tab-panel-border-radius:4px;
  --tab-text-color:var(--primary-color);
  --tab-text-active-color:var(--tab-top-line-active-color);
  --tab-text-active-hover-color:var(--tab-text-hover-color);
  --tab-text-hover-color:var(--tab-text-color);
  --signature-placeholder-color:var(--secondary-color);
  --signature-draw-placeholder-color:var(--primary-color);
  --signature-color:var(--primary-color);
  --clear-signature-button-border-width:0;
  --clear-signature-button-border-style:solid;
  --clear-signature-button-border-color:transparent;
  --clear-signature-button-border-disabled-color:transparent;
  --clear-signature-button-color:var(--primary-color);
  --clear-signature-button-hover-color:var(--clear-signature-button-color);
  --clear-signature-button-active-color:var(--clear-signature-button-color);
  --clear-signature-button-disabled-color:var(--clear-signature-button-color);
  --clear-signature-button-focus-color:var(--clear-signature-button-color);
  --clear-signature-button-bg:var(--dialog-bg-color);
  --clear-signature-button-bg-hover:var(--bg-hover);
  --clear-signature-button-bg-active:#cfcfd8;
  --clear-signature-button-bg-focus:#f0f0f4;
  --clear-signature-button-bg-disabled:color-mix(
    in srgb,
    #f0f0f4,
    transparent 40%
  );
  --save-warning-color:var(--secondary-color);
  --thickness-bg:var(--dialog-bg-color);
  --thickness-label-color:var(--primary-color);
  --thickness-slider-color:var(--primary-color);
  --thickness-border:none;
  --draw-cursor:url(/_next/static/media/cursor-editorInk.f94c2f42.svg) 0 16, pointer;
}

@media (prefers-color-scheme: dark){

#addSignatureDialog{
    --dialog-bg-color:#42414d;
    --bg-hover:#52525e;
    --primary-color:#fbfbfe;
    --secondary-color:#cfcfd8;
    --tab-top-line-active-color:#0df;
    --tab-top-line-inactive-color:#8f8f9d;
    --clear-signature-button-bg-active:#5b5b66;
    --clear-signature-button-bg-focus:#2b2a33;
    --clear-signature-button-bg-disabled:color-mix(
      in srgb,
      #2b2a33,
      transparent 40%
    );
}
  }

@media screen and (forced-colors: active){

#addSignatureDialog{
    --secondary-color:ButtonText;
    --bg:HighlightText;
    --bg-hover:var(--bg);
    --tab-top-line-active-color:ButtonText;
    --tab-top-line-active-hover-color:HighlightText;
    --tab-top-line-hover-color:SelectedItem;
    --tab-top-line-inactive-color:ButtonText;
    --tab-bottom-line-active-color:var(--tab-top-line-active-color);
    --tab-bottom-line-hover-color:var(--tab-top-line-hover-color);
    --tab-bg:var(--bg);
    --tab-bg-active-color:SelectedItem;
    --tab-bg-active-hover-color:SelectedItem;
    --tab-panel-border:1px solid ButtonText;
    --tab-panel-border-radius:8px;
    --tab-text-color:ButtonText;
    --tab-text-active-color:HighlightText;
    --tab-text-active-hover-color:HighlightText;
    --tab-text-hover-color:SelectedItem;
    --signature-color:ButtonText;
    --clear-signature-button-border-width:1px;
    --clear-signature-button-border-style:solid;
    --clear-signature-button-border-color:ButtonText;
    --clear-signature-button-border-disabled-color:GrayText;
    --clear-signature-button-color:ButtonText;
    --clear-signature-button-hover-color:HighlightText;
    --clear-signature-button-active-color:SelectedItem;
    --clear-signature-button-focus-color:CanvasText;
    --clear-signature-button-disabled-color:GrayText;
    --clear-signature-button-bg:var(--bg);
    --clear-signature-button-bg-hover:SelectedItem;
    --clear-signature-button-bg-active:var(--bg);
    --clear-signature-button-bg-focus:var(--bg);
    --clear-signature-button-bg-disabled:var(--bg);
    --thickness-bg:Canvas;
    --thickness-label-color:CanvasText;
    --thickness-slider-color:ButtonText;
    --thickness-border:1px solid var(--border-color);
}
  }

#addSignatureDialog #addSignatureDialogLabel{
    overflow:hidden;
    position:absolute;
    inset:0;
    width:0;
    height:0;
  }

#addSignatureDialog.waiting::after{
    content:"";
    cursor:wait;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }

:is(#addSignatureDialog .mainContainer) [role="tablist"]{
      width:100%;
      display:flex;
      align-items:flex-start;
      gap:0;
    }

:is(:is(#addSignatureDialog .mainContainer) [role="tablist"])  > [role="tab"]{
        flex:1 0;
        align-self:stretch;
        background-color:var(--tab-bg);
        padding-inline:0;
        cursor:default;

        border-inline:0;
        border-block-width:1px;
        border-block-style:solid;
        border-block-start-color:var(--tab-top-line-inactive-color);
        border-block-end-color:var(--tab-bottom-line-inactive-color);
        border-radius:0;

        font:menu;
        font-size:13px;
        font-style:normal;
        line-height:normal;
        font-weight:400;
        color:var(--tab-text-color);
      }

:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover{
          border-block-start-width:2px;
          border-block-start-color:var(--tab-top-line-hover-color);
          border-block-end-color:var(--tab-bottom-line-hover-color);
          background-color:var(--tab-bg-hover);
          color:var(--tab-text-hover-color);
        }

:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):focus-visible{
          outline:2px solid var(--tab-top-line-active-color);
          outline-offset:-2px;
        }

[aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]){
          border-block-start-width:2px;
          border-block-start-color:var(--tab-top-line-active-color);
          border-block-end-color:var(--tab-bottom-line-active-color);
          background-color:var(--tab-bg-active-color);
          font-weight:590;
          color:var(--tab-text-active-color);
        }

[aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover{
            border-block-start-color:var(--tab-top-line-active-hover-color);
            background-color:var(--tab-bg-active-hover-color);
            color:var(--tab-text-active-hover-color);
          }

:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer{
      width:100%;
      height:auto;
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      align-self:stretch;
      gap:12px;
      padding-inline:16px;
      box-sizing:border-box;
    }

:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer)  > [role="tabpanel"]{
        position:relative;
        width:100%;
        height:220px;
        background-color:var(--signature-bg);
        border:var(--tab-panel-border);
        border-radius:var(--tab-panel-border-radius);
      }

:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg{
          position:absolute;
          inset:0;
          width:100%;
          height:100%;
          background-color:transparent;
        }

#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
          display:none;
        }

#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            border:0;
            padding:0;
            text-align:center;
            color:var(--signature-color);
            background-color:transparent;
            border-radius:var(--tab-panel-border-radius);

            font-family:"Brush script", "Apple Chancery", "Segoe script", "Freestyle Script", "Palace Script MT", "Brush Script MT", TK, cursive, serif;
            font-size:44px;
            font-style:italic;
            font-weight:400;
          }

:is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::placeholder{
              color:var(--signature-placeholder-color);
              text-align:center;

              font:menu;
              font-style:normal;
              font-weight:274;
              font-size:44px;
              line-height:normal;
            }

#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
          display:none;
        }

#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > span{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            display:grid;
            align-items:center;
            justify-content:center;

            background-color:transparent;
            color:var(--signature-placeholder-color);
            -webkit-user-select:none;
               -moz-user-select:none;
                    user-select:none;
          }

#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg{
            stroke:var(--signature-color);
            fill:none;
            stroke-opacity:1;
            stroke-linecap:round;
            stroke-linejoin:round;
            stroke-miterlimit:10;
          }

:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg):hover{
              cursor:var(--draw-cursor);
            }

#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness{
            position:absolute;
            width:100%;
            inset-block-end:0;
            display:grid;
            align-items:center;
            justify-content:center;
            pointer-events:none;
          }

:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness)  > span{
              color:var(--signature-draw-placeholder-color);
            }

:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness)  > div{
              width:auto;
              height:auto;
              display:flex;
              align-items:center;
              justify-content:center;
              gap:8px;
              padding:6px 8px 7px;
              margin:0;
              background-color:var(--thickness-bg);
              border-radius:4px 4px 0 0;
              border-inline:var(--thickness-border);
              border-top:var(--thickness-border);
              pointer-events:auto;
              position:relative;
              top:1px;
            }

:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > label{
                color:var(--thickness-label-color);
              }

:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > input{
                width:100px;
                height:14px;
                background-color:transparent;
              }

:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-runnable-track,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-track,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-progress{
                  background-color:var(--thickness-slider-color);
                }

:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-thumb,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-thumb{
                  background-color:var(--thickness-bg);
                }

:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > input{

                border-radius:4.5px;
                border:0;
                color:var(--signature-color);
              }

#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
          display:none;
        }

#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg{
            stroke:none;
            stroke-width:0;
            fill:var(--signature-color);
            fill-opacity:1;
          }

#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:transparent;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
          }

:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) span{
              color:var(--signature-placeholder-color);
            }

:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a{
              color:var(--open-link-fg);
              text-decoration:underline;
              cursor:pointer;
            }

:is(:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a):hover{
                color:var(--open-link-hover-fg);
              }

#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureFilePicker{
            visibility:hidden;
            position:relative;
            width:0;
            height:0;
          }

[data-selected="type"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureTypeContainer,[data-selected="draw"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureDrawContainer,[data-selected="image"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureImageContainer{
        display:block;
      }

:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
        gap:12px;
        align-self:stretch;
      }

:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer{
          display:flex;
          align-items:flex-end;
          gap:16px;
          align-self:stretch;
        }

:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer{
            display:flex;
            flex-direction:column;
            align-items:flex-start;
            gap:4px;
            flex:1 0;
          }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer):has(input:disabled) > label{
              opacity:0.4;
            }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer)  > label{
              width:auto;
            }

:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton{
            display:flex;
            height:32px;
            padding:4px 8px;
            align-items:center;
            background-color:var(--clear-signature-button-bg);
            border-width:var(--clear-signature-button-border-width);
            border-style:var(--clear-signature-button-border-style);
            border-color:var(--clear-signature-button-border-color);
            border-radius:4px;
          }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton)  > span{
              display:flex;
              height:24px;
              align-items:center;
              gap:4px;
              flex-shrink:0;

              color:var(--clear-signature-button-color);
            }

:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span)::after{
                content:"";
                display:inline-block;
                width:16px;
                height:16px;
                -webkit-mask-image:var(--clear-signature-button-icon);
                        mask-image:var(--clear-signature-button-icon);
                -webkit-mask-size:cover;
                        mask-size:cover;
                background-color:var(--clear-signature-button-color);
                flex-shrink:0;
              }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover{
              background-color:var(--clear-signature-button-bg-hover);
            }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover  > span{
                color:var(--clear-signature-button-hover-color);
              }

:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span)::after{
                  background-color:var(--clear-signature-button-hover-color);
                }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active{
              background-color:var(--clear-signature-button-bg-active);
            }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active  > span{
                color:var(--clear-signature-button-active-color);
              }

:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span)::after{
                  background-color:var(--clear-signature-button-active-color);
                }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible{
              background-color:var(--clear-signature-button-bg-focus);
            }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible  > span{
                color:var(--clear-signature-button-focus-color);
              }

:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span)::after{
                  background-color:var(--clear-signature-button-focus-color);
                }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled{
              background-color:var(--clear-signature-button-bg-disabled);
              border-color:var(--clear-signature-button-border-disabled-color);
            }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled  > span{
                color:var(--clear-signature-button-disabled-color);
              }

:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span)::after{
                  background-color:var(
                    --clear-signature-button-disabled-color
                  );
                }

:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer{
          display:grid;
          grid-template-columns:max-content auto;
          grid-gap:4px;
          gap:4px;
          width:100%;
        }

:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer)  > input{
            margin:0;
          }

:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input):disabled + label{
              opacity:0.4;
            }

:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer)  > label{
            -webkit-user-select:none;
               -moz-user-select:none;
                    user-select:none;
          }

:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer):not(.fullStorage) #addSignatureSaveWarning{
            display:none;
          }

.fullStorage:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) #addSignatureSaveWarning{
            display:block;
            opacity:1;
            color:var(--save-warning-color);
            font-size:11px;
          }

#editSignatureDescriptionDialog .mainContainer{
    padding-inline:16px;
    box-sizing:border-box;
  }

:is(#editSignatureDescriptionDialog .mainContainer) .title{
      -webkit-margin-start:0;
              margin-inline-start:0;
    }

:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView{
      width:auto;
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
      align-self:stretch;
    }

:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) #editSignatureDescriptionContainer{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
        flex:1 1 auto;
      }

:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView)  > svg{
        width:210px;
        height:180px;
        padding:8px;
        background-color:var(--signature-bg);
      }

:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg)  > path{
          stroke:var(--button-signature-color);
          stroke-width:1px;
          stroke-linecap:round;
          stroke-linejoin:round;
          stroke-miterlimit:10;
          vector-effect:non-scaling-stroke;
          fill:none;
        }

.contours:is(:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path){
            fill:var(--button-signature-color);
            stroke-width:0.5px;
          }

#editorSignatureParamsToolbar{
  padding:8px;
}

#editorSignatureParamsToolbar #addSignatureDoorHanger{
    gap:8px;
    padding:2px;
  }

:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer{
      height:32px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;
      gap:8px;
    }

:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button{
        border:var(--button-signature-border);
        border-radius:4px;
        background-color:var(--button-signature-bg);
        color:var(--button-signature-color);
      }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):hover{
          background-color:var(--button-signature-hover-bg);
        }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active{
          border:var(--button-signature-active-border);
          background-color:var(--button-signature-active-bg);
          color:var(--button-signature-active-color);
        }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active::before{
            background-color:var(--button-signature-active-color);
          }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible{
          outline:var(--focus-ring-outline);
        }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible::before{
            background-color:var(--button-signature-color);
          }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .deleteButton)::before{
          -webkit-mask-image:var(--clear-signature-button-icon);
                  mask-image:var(--clear-signature-button-icon);
        }

:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton{
        width:auto;
        height:100%;
        min-height:var(--menuitem-height);
        aspect-ratio:unset;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        outline:none;
        border-radius:4px;
        box-sizing:border-box;
        font:message-box;
        position:relative;
        flex:1 1 auto;
        padding:0;
        gap:8px;
        text-align:start;
        white-space:normal;
        cursor:default;
        overflow:hidden;
      }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton)  > svg{
          display:inline-block;
          height:100%;
          aspect-ratio:1;
          background-color:var(--signature-bg);
          flex:none;
          padding:4px;
          box-sizing:border-box;
          border:none;
          border-radius:4px;
        }

:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg)  > path{
            stroke:var(--button-signature-color);
            stroke-width:1px;
            stroke-linecap:round;
            stroke-linejoin:round;
            stroke-miterlimit:10;
            vector-effect:non-scaling-stroke;
            fill:none;
          }

.contours:is(:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path){
              fill:var(--button-signature-color);
              stroke-width:0.5px;
            }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is(:hover,:active) > svg{
          border-radius:4px 0 0 4px;
          background-color:var(--signature-hover-bg);
        }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):hover  > span{
            color:var(--button-signature-hover-color);
          }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):active{
          background-color:var(--button-signature-active-bg);
        }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is([disabled="disabled"],[disabled]){
          opacity:0.5;
          pointer-events:none;
        }

:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton)  > span{
          height:auto;
          text-overflow:ellipsis;
          white-space:nowrap;
          flex:1 1 auto;
          font:menu;
          font-size:13px;
          font-style:normal;
          font-weight:400;
          line-height:normal;
          overflow:hidden;
        }

.editDescription.altText{
  --alt-text-add-image:url(/_next/static/media/editor-toolbar-edit.906ec4a8.svg) !important;
}

.editDescription.altText::before{
    width:16px !important;
    height:16px !important;
  }

:root{
  --outline-width:2px;
  --outline-color:#0060df;
  --outline-around-width:1px;
  --outline-around-color:#f0f0f4;
  --hover-outline-around-color:var(--outline-around-color);
  --focus-outline:solid var(--outline-width) var(--outline-color);
  --unfocus-outline:solid var(--outline-width) transparent;
  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
  --hover-outline-color:#8f8f9d;
  --hover-outline:solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
  --freetext-line-height:1.35;
  --freetext-padding:2px;
  --resizer-bg-color:var(--outline-color);
  --resizer-size:6px;
  --resizer-shift:calc(
    0px - (var(--outline-width) + var(--resizer-size)) / 2 -
      var(--outline-around-width)
  );
  --editorFreeText-editing-cursor:text;
  --editorInk-editing-cursor:url(/_next/static/media/cursor-editorInk.f94c2f42.svg) 0 16, pointer;
  --editorHighlight-editing-cursor:url(/_next/static/media/cursor-editorTextHighlight.5636640c.svg) 24 24, text;
  --editorFreeHighlight-editing-cursor:url(/_next/static/media/cursor-editorFreeHighlight.1fed7bb7.svg) 1 18, pointer;

  --new-alt-text-warning-image:url(/_next/static/media/altText_warning.d532f1aa.svg);
}

.textLayer.highlighting{
    cursor:var(--editorFreeHighlight-editing-cursor);
  }

.textLayer.highlighting:not(.free) span{
      cursor:var(--editorHighlight-editing-cursor);
    }

[role="img"]:is(.textLayer.highlighting:not(.free) span){
        cursor:var(--editorFreeHighlight-editing-cursor);
      }

.textLayer.highlighting.free span{
      cursor:var(--editorFreeHighlight-editing-cursor);
    }

:is(#viewerContainer.pdfPresentationMode:-webkit-full-screen,.annotationEditorLayer.disabled) .noAltTextBadge{
    display:none !important;
  }

:is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
    display:none !important;
  }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx){
  :root{
    --editorFreeText-editing-cursor:url(/_next/static/media/cursor-editorFreeText.0b596377.svg) 0 16, text;
  }
}

@media screen and (forced-colors: active){
  :root{
    --outline-color:CanvasText;
    --outline-around-color:ButtonFace;
    --resizer-bg-color:ButtonText;
    --hover-outline-color:Highlight;
    --hover-outline-around-color:SelectedItemText;
  }
}

[data-editor-rotation="90"]{
  transform:rotate(90deg);
}

[data-editor-rotation="180"]{
  transform:rotate(180deg);
}

[data-editor-rotation="270"]{
  transform:rotate(270deg);
}

.annotationEditorLayer{
  background:transparent;
  position:absolute;
  inset:0;
  font-size:calc(100px * var(--total-scale-factor));
  transform-origin:0 0;
  cursor:auto;
}

.annotationEditorLayer .selectedEditor{
    z-index:100000 !important;
  }

.annotationEditorLayer.drawing *{
    pointer-events:none !important;
  }

.annotationEditorLayer.getElements{
    pointer-events:auto !important;
  }

.annotationEditorLayer.getElements  > div{
      pointer-events:auto !important;
    }

.annotationEditorLayer.waiting{
  content:"";
  cursor:wait;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

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

.annotationEditorLayer.disabled.highlightEditing :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor){
    pointer-events:auto;
  }

.annotationEditorLayer.freetextEditing{
  cursor:var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing{
  cursor:var(--editorInk-editing-cursor);
}

.annotationEditorLayer .draw{
  box-sizing:border-box;
}

.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){
  position:absolute;
  background:transparent;
  z-index:1;
  transform-origin:0 0;
  cursor:auto;
  max-width:100%;
  max-height:100%;
  border:var(--unfocus-outline);
}

.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
    cursor:move;
  }

.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
    border:var(--focus-outline);
    outline:var(--focus-outline-around);
  }

.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor))::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
      pointer-events:none;
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor){
    border:var(--hover-outline);
    outline:var(--hover-outline-around);
  }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
    --editor-toolbar-delete-image:url(/_next/static/media/editor-toolbar-delete.6694a89f.svg);
    --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
    --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
    --editor-toolbar-highlight-image:url(/_next/static/media/toolbarButton-editorHighlight.c3287eaa.svg);
    --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
    --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
    --editor-toolbar-border-color:#8f8f9d;
    --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
    --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #52525e;
    --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--46, #e0e0e6);
    --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline:none;
    --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
    --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--47, #0060df);
    --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-vert-offset:6px;
    --editor-toolbar-height:28px;
    --editor-toolbar-padding:2px;
    --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #54ffbd;
    --alt-text-done-color:var(--csstools-light-dark-toggle--48, #2ac3a2);
    --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #80ebff;
    --alt-text-warning-color:var(--csstools-light-dark-toggle--49, #0090ed);
    --alt-text-hover-done-color:var(--alt-text-done-color);
    --alt-text-hover-warning-color:var(--alt-text-warning-color);
  }

@supports (color: light-dark(red, red)){
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
    --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
    --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe);
    --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e);
    --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df);
    --alt-text-done-color:light-dark(#2ac3a2, #54ffbd);
    --alt-text-warning-color:light-dark(#0090ed, #80ebff);
  }
}

@supports not (color: light-dark(tan, tan)){

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) *{
    --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
    --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
    --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
    --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
    --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #52525e;
    --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--46, #e0e0e6);
    --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
    --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--47, #0060df);
    --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #54ffbd;
    --alt-text-done-color:var(--csstools-light-dark-toggle--48, #2ac3a2);
    --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #80ebff;
    --alt-text-warning-color:var(--csstools-light-dark-toggle--49, #0090ed);
  }
}

@media screen and (forced-colors: active){

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:ButtonFace;
      --editor-toolbar-fg-color:ButtonText;
      --editor-toolbar-border-color:ButtonText;
      --editor-toolbar-hover-border-color:AccentColor;
      --editor-toolbar-hover-bg-color:ButtonFace;
      --editor-toolbar-hover-fg-color:AccentColor;
      --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
      --editor-toolbar-focus-outline-color:ButtonBorder;
      --editor-toolbar-shadow:none;
      --alt-text-done-color:var(--editor-toolbar-fg-color);
      --alt-text-warning-color:var(--editor-toolbar-fg-color);
      --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
      --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
  }
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{

    display:flex;
    width:-moz-fit-content;
    width:fit-content;
    height:var(--editor-toolbar-height);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    cursor:default;
    pointer-events:auto;
    box-sizing:content-box;
    padding:var(--editor-toolbar-padding);

    position:absolute;
    inset-inline-end:0;
    inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));

    border-radius:6px;
    background-color:var(--editor-toolbar-bg-color);
    border:1px solid var(--editor-toolbar-border-color);
    box-shadow:var(--editor-toolbar-shadow);
  }

.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
      display:none;
    }

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar):has(:focus-visible){
      border-color:transparent;
    }

[dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
      transform-origin:100% 0;
    }

[dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
      transform-origin:0 0;
    }

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:0;
      height:100%;
    }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) button{
        padding:0;
      }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .divider{
        width:0;
        height:calc(
          2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
        );
        border-left:1px solid var(--editor-toolbar-border-color);
        border-right:none;
        display:inline-block;
        margin-inline:2px;
      }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
        width:var(--editor-toolbar-height);
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-highlight-image);
                  mask-image:var(--editor-toolbar-highlight-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete{
        width:var(--editor-toolbar-height);
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-delete-image);
                  mask-image:var(--editor-toolbar-delete-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons)  > *{
        height:var(--editor-toolbar-height);
      }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons)  > :not(.divider){
        border:none;
        background-color:transparent;
        cursor:pointer;
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
          border-radius:2px;
          background-color:var(--editor-toolbar-hover-bg-color);
          color:var(--editor-toolbar-hover-fg-color);
          outline:var(--editor-toolbar-hover-outline);
          outline-offset:1px;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
            outline:none;
          }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
          border-radius:2px;
          outline:2px solid var(--editor-toolbar-focus-outline-color);
        }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText{
        --alt-text-add-image:url(/_next/static/media/altText_add.7748ee93.svg);
        --alt-text-done-image:url(/_next/static/media/altText_done.1026be11.svg);

        display:flex;
        align-items:center;
        justify-content:center;
        width:max-content;
        padding-inline:8px;
        pointer-events:all;
        font:menu;
        font-weight:590;
        font-size:12px;
        color:var(--editor-toolbar-fg-color);
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
          pointer-events:none;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
          content:"";
          -webkit-mask-image:var(--alt-text-add-image);
                  mask-image:var(--alt-text-add-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          width:12px;
          height:13px;
          background-color:var(--editor-toolbar-fg-color);
          -webkit-margin-end:4px;
                  margin-inline-end:4px;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
          -webkit-mask-image:var(--alt-text-done-image);
                  mask-image:var(--alt-text-done-image);
        }

.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
            width:16px;
            height:16px;
            -webkit-mask-image:var(--new-alt-text-warning-image);
                    mask-image:var(--new-alt-text-warning-image);
            background-color:var(--alt-text-warning-color);
            -webkit-mask-size:cover;
                    mask-size:cover;
          }

.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
            background-color:var(--alt-text-hover-warning-color);
          }

.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
              -webkit-mask-image:var(--alt-text-done-image);
                      mask-image:var(--alt-text-done-image);
              background-color:var(--alt-text-done-color);
            }

.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
              background-color:var(--alt-text-hover-done-color);
            }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
          display:none;
          word-wrap:anywhere;
        }

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
            --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #1c1b22;
            --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--50, #f0f0f4);
            --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #fbfbfe;
            --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--51, #15141a);
            --alt-text-tooltip-border:#8f8f9d;
            --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
            --alt-text-tooltip-shadow:0px 2px 6px 0px var(--csstools-light-dark-toggle--52, rgb(58 57 68 / 0.2));
          }

@supports (color: light-dark(red, red)){
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
            --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22);
            --alt-text-tooltip-fg:light-dark(#15141a, #fbfbfe);
          }
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
            --alt-text-tooltip-shadow:0px 2px 6px 0px light-dark(rgb(58 57 68 / 0.2), #15141a);
          }
}

@supports not (color: light-dark(tan, tan)){

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip) *{
            --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #1c1b22;
            --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--50, #f0f0f4);
            --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #fbfbfe;
            --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--51, #15141a);
            --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
            --alt-text-tooltip-shadow:0px 2px 6px 0px var(--csstools-light-dark-toggle--52, rgb(58 57 68 / 0.2));
  }
}

@media screen and (forced-colors: active){

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
              --alt-text-tooltip-bg:Canvas;
              --alt-text-tooltip-fg:CanvasText;
              --alt-text-tooltip-border:CanvasText;
              --alt-text-tooltip-shadow:none;
          }
            }

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){

            display:inline-flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            position:absolute;
            top:calc(100% + 2px);
            inset-inline-start:0;
            padding-block:2px 3px;
            padding-inline:3px;
            max-width:300px;
            width:max-content;
            height:auto;
            font-size:12px;

            border:0.5px solid var(--alt-text-tooltip-border);
            background:var(--alt-text-tooltip-bg);
            box-shadow:var(--alt-text-tooltip-shadow);
            color:var(--alt-text-tooltip-fg);

            pointer-events:none;
          }

.annotationEditorLayer .freeTextEditor{
  padding:calc(var(--freetext-padding) * var(--total-scale-factor));
  width:auto;
  height:auto;
  touch-action:none;
}

.annotationEditorLayer .freeTextEditor .internal{
  background:transparent;
  border:none;
  inset:0;
  overflow:visible;
  white-space:nowrap;
  font:10px sans-serif;
  line-height:var(--freetext-line-height);
  text-align:start;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.annotationEditorLayer .freeTextEditor .overlay{
  position:absolute;
  display:none;
  background:transparent;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer freeTextEditor .overlay.enabled{
  display:block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before{
  content:attr(default-content);
  color:gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus{
  outline:none;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.annotationEditorLayer .inkEditor{
  width:100%;
  height:100%;
}

.annotationEditorLayer .inkEditor.editing{
  cursor:inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  touch-action:none;
}

.annotationEditorLayer .stampEditor{
  width:auto;
  height:auto;
}

:is(.annotationEditorLayer .stampEditor) canvas{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    top:0;
    left:0;
  }

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
    --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #52525e;
    --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--53, #f0f0f4);
    --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #fbfbfe;
    --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--54, #cfcfd8);
    --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #15141a;
    --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--55, #5b5b66);
  }

@supports (color: light-dark(red, red)){
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
    --no-alt-text-badge-border-color:light-dark(#f0f0f4, #52525e);
    --no-alt-text-badge-bg-color:light-dark(#cfcfd8, #fbfbfe);
    --no-alt-text-badge-fg-color:light-dark(#5b5b66, #15141a);
  }
}

@supports not (color: light-dark(tan, tan)){

:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge) *{
    --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #52525e;
    --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--53, #f0f0f4);
    --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #fbfbfe;
    --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--54, #cfcfd8);
    --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #15141a;
    --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--55, #5b5b66);
  }
}

@media screen and (forced-colors: active){

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
      --no-alt-text-badge-border-color:ButtonText;
      --no-alt-text-badge-bg-color:ButtonFace;
      --no-alt-text-badge-fg-color:ButtonText;
  }
    }

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{

    position:absolute;
    inset-inline-end:5px;
    inset-block-end:5px;
    display:inline-flex;
    width:32px;
    height:32px;
    padding:3px;
    justify-content:center;
    align-items:center;
    pointer-events:none;
    z-index:1;

    border-radius:2px;
    border:1px solid var(--no-alt-text-badge-border-color);
    background:var(--no-alt-text-badge-bg-color);
  }

:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before{
      content:"";
      display:inline-block;
      width:16px;
      height:16px;
      -webkit-mask-image:var(--new-alt-text-warning-image);
              mask-image:var(--new-alt-text-warning-image);
      -webkit-mask-size:cover;
              mask-size:cover;
      background-color:var(--no-alt-text-badge-fg-color);
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers{
      position:absolute;
      inset:0;
    }

.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers){
        display:none;
      }

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer{
        width:var(--resizer-size);
        height:var(--resizer-size);
        background:content-box var(--resizer-bg-color);
        border:var(--focus-outline-around);
        border-radius:2px;
        position:absolute;
      }

.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          top:calc(50% + var(--resizer-shift));
          right:var(--resizer-shift);
        }

.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
          top:calc(50% + var(--resizer-shift));
          left:var(--resizer-shift);
        }

.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:nwse-resize;
      }

.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:ns-resize;
      }

.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:nesw-resize;
      }

.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:ew-resize;
      }

.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:nesw-resize;
      }

.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:ew-resize;
      }

.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:nwse-resize;
      }

.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:ns-resize;
      }

:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar{
      rotate:270deg;
    }

[dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){
        inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

[dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"],[data-main-rotation="90"] [data-editor-rotation="90"],[data-main-rotation="180"] [data-editor-rotation="0"],[data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar{
      rotate:180deg;
      inset-inline-end:100%;
      inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
    }

:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar{
      rotate:90deg;
    }

[dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:100%;
      }

[dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){
        inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

.dialog.altText::-webkit-backdrop{
    -webkit-mask:url(#alttext-manager-mask);
            mask:url(#alttext-manager-mask);
  }

.dialog.altText::backdrop{
    -webkit-mask:url(#alttext-manager-mask);
            mask:url(#alttext-manager-mask);
  }

.dialog.altText.positioned{
    margin:0;
  }

.dialog.altText #altTextContainer{
    width:300px;
    height:-moz-fit-content;
    height:fit-content;
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

:is(.dialog.altText #altTextContainer) #overallDescription{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      align-self:stretch;
    }

:is(:is(.dialog.altText #altTextContainer) #overallDescription) span{
        align-self:stretch;
      }

:is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{
        font-size:13px;
        font-style:normal;
        font-weight:590;
      }

:is(.dialog.altText #altTextContainer) #addDescription{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }

:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{
        flex:1 1;
        padding-inline:24px 10px;
      }

:is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{
          width:100%;
          min-height:75px;
        }

:is(.dialog.altText #altTextContainer) #buttons{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:8px;
      align-self:stretch;
    }

.dialog.newAltText{
  --new-alt-text-ai-disclaimer-icon:url(/_next/static/media/altText_disclaimer.7e3c2bdd.svg);
  --new-alt-text-spinner-icon:url(/_next/static/media/altText_spinner.61afe1f4.svg);
  --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
  --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
  --preview-image-border:none;
}

@supports (color: light-dark(red, red)){
.dialog.newAltText{
  --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33);
}
}

@supports not (color: light-dark(tan, tan)){

.dialog.newAltText *{
  --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
  --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
  }
}

@media screen and (forced-colors: active){

.dialog.newAltText{
    --preview-image-bg-color:ButtonFace;
    --preview-image-border:1px solid ButtonText;
}
  }

.dialog.newAltText{

  width:80%;
  max-width:570px;
  min-width:300px;
  padding:0;
}

.dialog.newAltText.noAi #newAltTextDisclaimer,.dialog.newAltText.noAi #newAltTextCreateAutomatically{
      display:none !important;
    }

.dialog.newAltText.aiInstalling #newAltTextCreateAutomatically{
      display:none !important;
    }

.dialog.newAltText.aiInstalling #newAltTextDownloadModel{
      display:flex !important;
    }

.dialog.newAltText.error #newAltTextNotNow{
      display:none !important;
    }

.dialog.newAltText.error #newAltTextCancel{
      display:inline-block !important;
    }

.dialog.newAltText:not(.error) #newAltTextError{
    display:none !important;
  }

.dialog.newAltText #newAltTextContainer{
    display:flex;
    width:auto;
    padding:16px;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    gap:12px;
    flex:0 1 auto;
    line-height:normal;
  }

:is(.dialog.newAltText #newAltTextContainer) #mainContent{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
      align-self:stretch;
      flex:1 1 auto;
    }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        flex:1 0;
        align-self:stretch;
      }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        align-self:stretch;
        flex:1 1 auto;
      }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer{
          width:100%;
          height:70px;
          position:relative;
        }

:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea{
            width:100%;
            height:100%;
            padding:8px;
          }

:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder{
              color:var(--text-secondary-color);
            }

:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
            display:none;
            position:absolute;
            width:16px;
            height:16px;
            inset-inline-start:8px;
            inset-block-start:8px;
            -webkit-mask-size:cover;
                    mask-size:cover;
            background-color:var(--text-secondary-color);
            pointer-events:none;
          }

.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder{
              color:transparent;
            }

.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
              display:inline-block;
              -webkit-mask-image:var(--new-alt-text-spinner-icon);
                      mask-image:var(--new-alt-text-spinner-icon);
            }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription{
          font-size:11px;
        }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer{
          display:flex;
          flex-direction:row;
          align-items:flex-start;
          gap:4px;
          font-size:11px;
        }

:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before{
            content:"";
            display:inline-block;
            width:17px;
            height:16px;
            -webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon);
                    mask-image:var(--new-alt-text-ai-disclaimer-icon);
            -webkit-mask-size:cover;
                    mask-size:cover;
            background-color:var(--text-secondary-color);
            flex:1 0 auto;
          }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel{
        display:flex;
        align-items:center;
        gap:4px;
        align-self:stretch;
      }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before{
          content:"";
          display:inline-block;
          width:16px;
          height:16px;
          -webkit-mask-image:var(--new-alt-text-spinner-icon);
                  mask-image:var(--new-alt-text-spinner-icon);
          -webkit-mask-size:cover;
                  mask-size:cover;
          background-color:var(--text-secondary-color);
        }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview{
        width:180px;
        aspect-ratio:1;
        display:flex;
        justify-content:center;
        align-items:center;
        flex:0 0 auto;
        background-color:var(--preview-image-bg-color);
        border:var(--preview-image-border);
      }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview)  > canvas{
          max-width:100%;
          max-height:100%;
        }

.colorPicker{
  --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #80ebff;
  --hover-outline-color:var(--csstools-light-dark-toggle--57, #0250bb);
  --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #aaf2ff;
  --selected-outline-color:var(--csstools-light-dark-toggle--58, #0060df);
  --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #52525e;
  --swatch-border-color:var(--csstools-light-dark-toggle--59, #cfcfd8);
}

@supports (color: light-dark(red, red)){
.colorPicker{
  --hover-outline-color:light-dark(#0250bb, #80ebff);
  --selected-outline-color:light-dark(#0060df, #aaf2ff);
  --swatch-border-color:light-dark(#cfcfd8, #52525e);
}
}

@supports not (color: light-dark(tan, tan)){

.colorPicker *{
  --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #80ebff;
  --hover-outline-color:var(--csstools-light-dark-toggle--57, #0250bb);
  --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #aaf2ff;
  --selected-outline-color:var(--csstools-light-dark-toggle--58, #0060df);
  --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #52525e;
  --swatch-border-color:var(--csstools-light-dark-toggle--59, #cfcfd8);
  }
}

@media screen and (forced-colors: active){

.colorPicker{
    --hover-outline-color:Highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:ButtonText;
}
  }

.colorPicker .swatch{
    width:16px;
    height:16px;
    border:1px solid var(--swatch-border-color);
    border-radius:100%;
    outline-offset:2px;
    box-sizing:border-box;
    forced-color-adjust:none;
  }

.colorPicker button:is(:hover,.selected) > .swatch{
    border:none;
  }

.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
      rotate:0deg;
    }

.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{
      rotate:270deg;
    }

.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{
      rotate:180deg;
    }

.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{
      rotate:90deg;
    }

.annotationEditorLayer .highlightEditor{
    position:absolute;
    background:transparent;
    z-index:1;
    cursor:auto;
    max-width:100%;
    max-height:100%;
    border:none;
    outline:none;
    pointer-events:none;
    transform-origin:0 0;
  }

:is(.annotationEditorLayer .highlightEditor):not(.free){
      transform:none;
    }

:is(.annotationEditorLayer .highlightEditor) .internal{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      pointer-events:auto;
    }

.disabled:is(.annotationEditorLayer .highlightEditor) .internal{
      pointer-events:none;
    }

.selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{
        cursor:pointer;
      }

:is(.annotationEditorLayer .highlightEditor) .editToolbar{
      --editor-toolbar-colorpicker-arrow-image:url(/_next/static/media/toolbarButton-menuArrow.37a6145d.svg);

      transform-origin:center !important;
    }

:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{
          position:relative;
          width:auto;
          display:flex;
          justify-content:center;
          align-items:center;
          gap:4px;
          padding:4px;
        }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after{
            content:"";
            -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
                    mask-image:var(--editor-toolbar-colorpicker-arrow-image);
            -webkit-mask-repeat:no-repeat;
                    mask-repeat:no-repeat;
            -webkit-mask-position:center;
                    mask-position:center;
            display:inline-block;
            background-color:var(--editor-toolbar-fg-color);
            width:12px;
            height:12px;
          }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after{
            background-color:var(--editor-toolbar-hover-fg-color);
          }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){
            background-color:var(--editor-toolbar-hover-bg-color);
          }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after{
              scale:-1;
            }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{
            position:absolute;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            gap:11px;
            padding-block:8px;
            border-radius:6px;
            background-color:var(--editor-toolbar-bg-color);
            border:1px solid var(--editor-toolbar-border-color);
            box-shadow:var(--editor-toolbar-shadow);
            inset-block-start:calc(100% + 4px);
            width:calc(100% + 2 * var(--editor-toolbar-padding));
          }

:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{
              width:100%;
              height:auto;
              border:none;
              cursor:pointer;
              display:flex;
              justify-content:center;
              align-items:center;
              background:none;
            }

:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){
                outline:none;
              }

:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button)  > .swatch{
                outline-offset:2px;
              }

[aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
                outline:2px solid var(--selected-outline-color);
              }

:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
                outline:2px solid var(--hover-outline-color);
              }

.editorParamsToolbar:has(#highlightParamsToolbarContainer){
  padding:unset;
}

#highlightParamsToolbarContainer{
  gap:16px;
  padding-inline:10px;
  -webkit-padding-after:12px;
          padding-block-end:12px;
}

#highlightParamsToolbarContainer .colorPicker{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

:is(#highlightParamsToolbarContainer .colorPicker) .dropdown{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-direction:row;
      height:auto;
    }

:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{
        width:auto;
        height:auto;
        border:none;
        cursor:pointer;
        display:flex;
        justify-content:center;
        align-items:center;
        background:none;
        flex:0 0 auto;
        padding:0;
      }

:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{
          width:24px;
          height:24px;
        }

:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){
          outline:none;
        }

[aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch{
          outline:2px solid var(--selected-outline-color);
        }

:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
          outline:2px solid var(--hover-outline-color);
        }

#highlightParamsToolbarContainer #editorHighlightThickness{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    align-self:stretch;
  }

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{
      height:auto;
      align-self:stretch;
    }

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;

      --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;

      --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
    }

@supports (color: light-dark(red, red)){
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{

      --example-color:light-dark(#bfbfc9, #80808e);
    }
}

@supports not (color: light-dark(tan, tan)){

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) *{

      --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;

      --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
  }
}

@media screen and (forced-colors: active){

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
        --example-color:CanvasText;
    }
      }

:is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]){
        opacity:0.4;
      }

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
        content:"";
        width:8px;
        aspect-ratio:1;
        display:block;
        border-radius:100%;
        background-color:var(--example-color);
      }

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
        width:24px;
      }

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{
        width:unset;
        height:14px;
      }

#highlightParamsToolbarContainer #editorHighlightVisibility{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    align-self:stretch;
  }

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
      --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
      --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
    }

@supports (color: light-dark(red, red)){
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
      --divider-color:light-dark(#d7d7db, #8f8f9d);
    }
}

@supports not (color: light-dark(tan, tan)){

:is(:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider) *{
      --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
      --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
  }
}

@media screen and (forced-colors: active){

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
        --divider-color:CanvasText;
    }
      }

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{

      margin-block:4px;
      width:100%;
      height:1px;
      background-color:var(--divider-color);
    }

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;
    }

#altTextSettingsDialog{
  padding:16px;
}

#altTextSettingsDialog #altTextSettingsContainer{
    display:flex;
    width:573px;
    flex-direction:column;
    gap:16px;
  }

:is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer{
      gap:16px;
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) .description{
      color:var(--text-secondary-color);
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button{
        width:-moz-fit-content;
        width:fit-content;
      }

.download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton{
          display:none;
        }

:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton{
          display:none;
        }

:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,:is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,:is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription{
      -webkit-padding-start:40px;
              padding-inline-start:40px;
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings{
      display:flex;
      flex-direction:column;
      gap:16px;
    }

:root{
  --csstools-color-scheme--light:initial;
  color-scheme:light dark;

  --viewer-container-height:0;
  --pdfViewer-padding-bottom:0;
  --page-margin:1px auto -8px;
  --page-border:9px solid transparent;
  --spreadHorizontalWrapped-margin-LR:-3.5px;
  --loading-icon-delay:400ms;
  --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
  --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
  --focus-ring-outline:2px solid var(--focus-ring-color);
}

@supports (color: light-dark(red, red)){
:root{
  --focus-ring-color:light-dark(#0060df, #0df);
}
}

@supports not (color: light-dark(tan, tan)){

:root *{
  --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
  --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
  }
}

@media (prefers-color-scheme: dark){

:root{
  --csstools-color-scheme--light:;
}
}

@media screen and (forced-colors: active){

:root{
    --pdfViewer-padding-bottom:9px;
    --page-margin:8px auto -1px;
    --page-border:1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR:3.5px;
    --focus-ring-color:CanvasText;
}
  }

[data-main-rotation="90"]{
  transform:rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"]{
  transform:rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"]{
  transform:rotate(270deg) translateX(-100%);
}

#hiddenCopyElement,
.hiddenCanvasElement{
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
}

.pdfViewer{
  --scale-factor:1;
  --page-bg-color:unset;

  padding-bottom:var(--pdfViewer-padding-bottom);

  --hcm-highlight-filter:none;
  --hcm-highlight-selected-filter:none;
}

@media screen and (forced-colors: active){

.pdfViewer{
    --hcm-highlight-filter:invert(100%);
}
  }

.pdfViewer.copyAll{
    cursor:wait;
  }

.pdfViewer .canvasWrapper{
    overflow:hidden;
    width:100%;
    height:100%;
  }

:is(.pdfViewer .canvasWrapper) canvas{
      position:absolute;
      top:0;
      left:0;
      margin:0;
      display:block;
      width:100%;
      height:100%;
      contain:content;
    }

:is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
        contain:strict;
      }

.pdfViewer .page{
  --user-unit:1;
  --total-scale-factor:calc(var(--scale-factor) * var(--user-unit));
  --scale-round-x:1px;
  --scale-round-y:1px;

  direction:ltr;
  width:816px;
  height:1056px;
  margin:var(--page-margin);
  position:relative;
  overflow:visible;
  border:var(--page-border);
  background-clip:content-box;
  background-color:var(--page-bg-color, rgb(255 255 255));
}

.pdfViewer .dummyPage{
  position:relative;
  width:0;
  height:var(--viewer-container-height);
}

.pdfViewer.noUserSelect{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfViewer.removePageBorders .page{
  margin:0 auto 10px;
  border:none;
}

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

.pdfViewer.singlePageView .page{
  margin:0;
  border:none;
}

.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread{
  margin-inline:3.5px;
  text-align:center;
}

.pdfViewer.scrollHorizontal,
.spread{
  white-space:nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{
  margin-inline:0;
}

.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){
  display:inline-block;
  vertical-align:middle;
}

.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:5px;
}

.pdfViewer .page.loadingIcon::after{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  background:url(/_next/static/media/loading-icon.042fa806.gif) center no-repeat;
  display:none;
  transition-property:display;
  transition-delay:var(--loading-icon-delay);
  z-index:5;
  contain:strict;
}

.pdfViewer .page.loading::after{
  display:block;
}

.pdfViewer .page:not(.loading)::after{
  transition-property:none;
  display:none;
}

.pdfPresentationMode .pdfViewer{
  padding-bottom:0;
}

.pdfPresentationMode .spread{
  margin:0;
}

.pdfPresentationMode .pdfViewer .page{
  margin:0 auto;
  border:2px solid transparent;
}


/*# sourceMappingURL=0d9cca853acc44a4.css.map*/