/* Write your global styles here, in PostCSS syntax */

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}

body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

.card {
  padding: 2em;
}

#app {
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: #646cff;
}
button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}
:root {
	/* =~= Theme Properties =~= */
	--theme-font-family-base: system-ui;
	--theme-font-family-heading: system-ui;
	--theme-font-color-base: 0 0 0;
	--theme-font-color-dark: 255 255 255;
	--theme-rounded-base: 9999px;
	--theme-rounded-container: 8px;
	--theme-border-base: 1px;
	/* =~= Theme On-X Colors =~= */
	--on-primary: 0 0 0;
	--on-secondary: 255 255 255;
	--on-tertiary: 0 0 0;
	--on-success: 0 0 0;
	--on-warning: 0 0 0;
	--on-error: 255 255 255;
	--on-surface: 255 255 255;
	/* =~= Theme Colors  =~= */
	/* primary | #0FBA81 */
	--color-primary-50: 219 245 236; /* ⬅ #dbf5ec */
	--color-primary-100: 207 241 230; /* ⬅ #cff1e6 */
	--color-primary-200: 195 238 224; /* ⬅ #c3eee0 */
	--color-primary-300: 159 227 205; /* ⬅ #9fe3cd */
	--color-primary-400: 87 207 167; /* ⬅ #57cfa7 */
	--color-primary-500: 15 186 129; /* ⬅ #0FBA81 */
	--color-primary-600: 14 167 116; /* ⬅ #0ea774 */
	--color-primary-700: 11 140 97; /* ⬅ #0b8c61 */
	--color-primary-800: 9 112 77; /* ⬅ #09704d */
	--color-primary-900: 7 91 63; /* ⬅ #075b3f */
	/* secondary | #4F46E5 */
	--color-secondary-50: 229 227 251; /* ⬅ #e5e3fb */
	--color-secondary-100: 220 218 250; /* ⬅ #dcdafa */
	--color-secondary-200: 211 209 249; /* ⬅ #d3d1f9 */
	--color-secondary-300: 185 181 245; /* ⬅ #b9b5f5 */
	--color-secondary-400: 132 126 237; /* ⬅ #847eed */
	--color-secondary-500: 79 70 229; /* ⬅ #4F46E5 */
	--color-secondary-600: 71 63 206; /* ⬅ #473fce */
	--color-secondary-700: 59 53 172; /* ⬅ #3b35ac */
	--color-secondary-800: 47 42 137; /* ⬅ #2f2a89 */
	--color-secondary-900: 39 34 112; /* ⬅ #272270 */
	/* tertiary | #0EA5E9 */
	--color-tertiary-50: 219 242 252; /* ⬅ #dbf2fc */
	--color-tertiary-100: 207 237 251; /* ⬅ #cfedfb */
	--color-tertiary-200: 195 233 250; /* ⬅ #c3e9fa */
	--color-tertiary-300: 159 219 246; /* ⬅ #9fdbf6 */
	--color-tertiary-400: 86 192 240; /* ⬅ #56c0f0 */
	--color-tertiary-500: 14 165 233; /* ⬅ #0EA5E9 */
	--color-tertiary-600: 13 149 210; /* ⬅ #0d95d2 */
	--color-tertiary-700: 11 124 175; /* ⬅ #0b7caf */
	--color-tertiary-800: 8 99 140; /* ⬅ #08638c */
	--color-tertiary-900: 7 81 114; /* ⬅ #075172 */
	/* success | #84cc16 */
	--color-success-50: 237 247 220; /* ⬅ #edf7dc */
	--color-success-100: 230 245 208; /* ⬅ #e6f5d0 */
	--color-success-200: 224 242 197; /* ⬅ #e0f2c5 */
	--color-success-300: 206 235 162; /* ⬅ #ceeba2 */
	--color-success-400: 169 219 92; /* ⬅ #a9db5c */
	--color-success-500: 132 204 22; /* ⬅ #84cc16 */
	--color-success-600: 119 184 20; /* ⬅ #77b814 */
	--color-success-700: 99 153 17; /* ⬅ #639911 */
	--color-success-800: 79 122 13; /* ⬅ #4f7a0d */
	--color-success-900: 65 100 11; /* ⬅ #41640b */
	/* warning | #EAB308 */
	--color-warning-50: 252 244 218; /* ⬅ #fcf4da */
	--color-warning-100: 251 240 206; /* ⬅ #fbf0ce */
	--color-warning-200: 250 236 193; /* ⬅ #faecc1 */
	--color-warning-300: 247 225 156; /* ⬅ #f7e19c */
	--color-warning-400: 240 202 82; /* ⬅ #f0ca52 */
	--color-warning-500: 234 179 8; /* ⬅ #EAB308 */
	--color-warning-600: 211 161 7; /* ⬅ #d3a107 */
	--color-warning-700: 176 134 6; /* ⬅ #b08606 */
	--color-warning-800: 140 107 5; /* ⬅ #8c6b05 */
	--color-warning-900: 115 88 4; /* ⬅ #735804 */
	/* error | #D41976 */
	--color-error-50: 249 221 234; /* ⬅ #f9ddea */
	--color-error-100: 246 209 228; /* ⬅ #f6d1e4 */
	--color-error-200: 244 198 221; /* ⬅ #f4c6dd */
	--color-error-300: 238 163 200; /* ⬅ #eea3c8 */
	--color-error-400: 225 94 159; /* ⬅ #e15e9f */
	--color-error-500: 212 25 118; /* ⬅ #D41976 */
	--color-error-600: 191 23 106; /* ⬅ #bf176a */
	--color-error-700: 159 19 89; /* ⬅ #9f1359 */
	--color-error-800: 127 15 71; /* ⬅ #7f0f47 */
	--color-error-900: 104 12 58; /* ⬅ #680c3a */
	/* surface | #495a8f */
	--color-surface-50: 228 230 238; /* ⬅ #e4e6ee */
	--color-surface-100: 219 222 233; /* ⬅ #dbdee9 */
	--color-surface-200: 210 214 227; /* ⬅ #d2d6e3 */
	--color-surface-300: 182 189 210; /* ⬅ #b6bdd2 */
	--color-surface-400: 128 140 177; /* ⬅ #808cb1 */
	--color-surface-500: 73 90 143; /* ⬅ #495a8f */
	--color-surface-600: 66 81 129; /* ⬅ #425181 */
	--color-surface-700: 55 68 107; /* ⬅ #37446b */
	--color-surface-800: 44 54 86; /* ⬅ #2c3656 */
	--color-surface-900: 36 44 70; /* ⬅ #242c46 */
}

/* Headings */
[data-theme='skeleton'] h1,
[data-theme='skeleton'] h2,
[data-theme='skeleton'] h3,
[data-theme='skeleton'] h4,
[data-theme='skeleton'] h5,
[data-theme='skeleton'] h6 {
	font-weight: bold;
}

/* Applied to body with `<body data-theme="skeleton">` */
/* Created with: https://csshero.org/mesher/ */
/* prettier-ignore */
[data-theme='skeleton'] {
	background-image:
			radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
			radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Stylesheet: skeleton.css */

/*
- Will be replaced by `skeleton.css` in the next major release.
- All available stylesheets are imported
- Typography using on-by-default system
*/

/* NOTE: The order shown below is required */

/* Import AFTER your theme, but BEFORE your global stylesheet. */

/* Tailwind Directives */

/* Stylesheet: tailwind.css */

/* 
https://tailwindcss.com/docs/functions-and-directives

IMPORTANT:
Be sure to remove these directives from your global CSS stylesheet.

Tailwind directives should only be included ONCE per project.
These directives should precede ALL Skeleton stylesheets.
*/

*, ::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:  ;
}

::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 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

abbr:where([title]) {
  -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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

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;
}

/* === Body Styles === */

body {
  background-color: rgb(var(--color-surface-50));
}

.dark body {
  background-color: rgb(var(--color-surface-900));
}

/* === Selection === */

::-moz-selection {
  background-color: rgb(var(--color-primary-500) / 0.3);
}

::selection {
  background-color: rgb(var(--color-primary-500) / 0.3);
}

/* === Focus === */

/* Outline (do not change) */

/* http://www.outlinenone.com/ */

/* Mobile tap highlight */

/* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color */

html {
		-webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
	}

/* === Scrollbars === */

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-track {
  padding-left: 1px;
  padding-right: 1px;
  background-color: rgb(var(--color-surface-50)) !important;
}

.dark ::-webkit-scrollbar-track {
  background-color: rgb(var(--color-surface-900)) !important;
}

::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-surface-400));
}

.dark ::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-surface-500));
}

::-webkit-scrollbar-thumb {
  border-radius: var(--theme-rounded-base);
}

/* Firefox */

/* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color#browser_compatibility */

html {
		scrollbar-color: rgba(0, 0, 0, 0.2) rgba(255, 255, 255, 0.05);
	}

html.dark {
		scrollbar-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0.05);
	}

/* Hide Scrollbars */

.hide-scrollbar::-webkit-scrollbar {
		display: none;
	}

.hide-scrollbar {
		-ms-overflow-style: none; /* IE/Edge */
		scrollbar-width: none; /* Firefox */
	}

/* === Horizontal Rules === */

hr:not(.divider) {
  display: block;
  border-top-width: 1px;
  border-style: solid;
  border-color: rgb(var(--color-surface-300));
}

.dark hr:not(.divider) {
  border-color: rgb(var(--color-surface-600));
}

body {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--theme-font-family-base);
  color: rgba(var(--theme-font-color-base));
}

.dark body {
  color: rgba(var(--theme-font-color-dark));
}

/* === Headings === */

h1:not(.unstyled) {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  h1:not(.unstyled) {
    font-size: 3rem;
    line-height: 1;
  }
}

h2:not(.unstyled) {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  h2:not(.unstyled) {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

h3:not(.unstyled) {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  h3:not(.unstyled) {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h4:not(.unstyled) {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  h4:not(.unstyled) {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

h5:not(.unstyled) {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  h5:not(.unstyled) {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

h6:not(.unstyled) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  h6:not(.unstyled) {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* === Elements === */

/* p { ... } */

a:not(.unstyled):not(.permalink):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(.list-nav a) {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

a:not(.unstyled):not(.permalink):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(.list-nav a):hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

a:not(.unstyled):not(.permalink):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(.list-nav a):is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-500) / var(--tw-text-opacity, 1));
}

blockquote:not(.unstyled) {
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1));
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-style: italic;
  color: rgba(var(--theme-font-color-base));
}

.dark blockquote:not(.unstyled) {
  color: rgba(var(--theme-font-color-dark));
}

/* Keyboard */

kbd:not(.unstyled) {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: rgb(var(--color-surface-300));
}

.dark kbd:not(.unstyled) {
  background-color: rgb(var(--color-surface-600));
}

kbd:not(.unstyled) {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface-900) / var(--tw-ring-opacity, 1));
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-900) / var(--tw-border-opacity, 1));
}

/* Timestamps */

time:not(.unstyled) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-500) / var(--tw-text-opacity, 1));
}

time:not(.unstyled):is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-400) / var(--tw-text-opacity, 1));
}

/* === Preformatted / Code === */

/* For use outside of Skeleton's CodeBlock component */

pre:not(.unstyled):not(.code-block pre) {
  overflow-x: auto;
  white-space: pre-wrap;
  background-color: rgb(23 23 23 / 0.9);
  padding: 1rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius: var(--theme-rounded-container);
}

code:not(.unstyled):is(:not(pre *)) {
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1));
}

code:not(.unstyled):is(:not(pre *)):is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-400) / var(--tw-text-opacity, 1));
}

code:not(.unstyled):is(:not(pre *)) {
  background-color: rgb(var(--color-primary-500) / 0.3);
}

code:not(.unstyled):is(:not(pre *)):is(.dark *) {
  background-color: rgb(var(--color-primary-500) / 0.2);
}

code:not(.unstyled):is(:not(pre *)) {
  border-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* === Insertions / Deletions  ==== */

/* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins */

/* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del */

ins:not(.unstyled),
	del:not(.unstyled) {
  position: relative;
  display: block;
  padding: 0.125rem;
  padding-left: 1.25rem;
		text-decoration: none;
}

ins:not(.unstyled)::before,
	del:not(.unstyled)::before {
  position: absolute;
  left: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

ins:not(.unstyled)::before {
		content: '+';
	}

del:not(.unstyled)::before {
		content: '−';
	}

ins:not(.unstyled) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-500) / var(--tw-bg-opacity, 1));
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: rgb(var(--on-success));
}

del:not(.unstyled) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-error-500) / var(--tw-bg-opacity, 1));
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: rgb(var(--on-error));
}

/* === Resets === */

fieldset,
	legend,
	label {
  display: block;
}

/* Placeholders */

::-moz-placeholder {
  color: rgb(var(--color-surface-500));
}

.dark ::-moz-placeholder {
  color: rgb(var(--color-surface-400));
}

::-moz-placeholder {
  color: rgb(var(--color-surface-500));
}

::placeholder {
  color: rgb(var(--color-surface-500));
}

.dark ::-moz-placeholder {
  color: rgb(var(--color-surface-400));
}

.dark ::placeholder {
  color: rgb(var(--color-surface-400));
}

/* Date Calendar Picker (Webkit) */

input:is(.dark *)::-webkit-calendar-picker-indicator {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Search Input "X" Cancel Button (Webkit) */

/* Source: https://stackoverflow.com/a/64267916 */

input[type='search']::-webkit-search-cancel-button {
		-webkit-appearance: none;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")
			no-repeat 50% 50%;
		pointer-events: none;
		height: 1rem;
		width: 1rem;
		border-radius: 9999px;
		background-size: contain;
		opacity: 0;
	}

input[type='search']:focus::-webkit-search-cancel-button {
  pointer-events: auto;
  opacity: 1;
}

input[type='search']:is(.dark *)::-webkit-search-cancel-button {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Progress Bar */

progress {
		webkit-appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		        appearance: none;
		height: 0.5rem;
		width: 100%;
		overflow: hidden;
		border-radius: var(--theme-rounded-base);
		background-color: rgb(var(--color-surface-400));
	}

.dark progress {
  background-color: rgb(var(--color-surface-500));
}

progress::-webkit-progress-bar {
  background-color: rgb(var(--color-surface-400));
}

.dark progress::-webkit-progress-bar {
  background-color: rgb(var(--color-surface-500));
}

progress::-webkit-progress-value {
  background-color: rgb(var(--color-surface-900));
}

.dark progress::-webkit-progress-value {
  background-color: rgb(var(--color-surface-50));
}

::-moz-progress-bar {
  background-color: rgb(var(--color-surface-900));
}

.dark ::-moz-progress-bar {
  background-color: rgb(var(--color-surface-50));
}

:indeterminate::-moz-progress-bar {
		width: 0;
	}

/* Range Input */

/* https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color */

[type='range'] {
  width: 100%;
  accent-color: rgb(var(--color-surface-900) / 1);
}

[type='range']:is(.dark *) {
  accent-color: rgb(var(--color-surface-50) / 1);
}

/* === Text Labeling === */

.\!legend {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  .\!legend {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.legend {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: var(--theme-font-family-heading);
}

@media (min-width: 768px) {

  .legend {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.label > :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));
}

/* === Core Styles === */

.\!input {
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.input,
	.textarea,
	.select,
	.input-group {
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}


	.\!textarea {
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.\!input {
		/* Background */
	}

.input,
	.textarea,
	.select,
	.input-group {
		/* Background */
	}


	.\!textarea {
		/* Background */
	}

.\!input {
  background-color: rgb(var(--color-surface-200));
}

.dark .\!input {
  background-color: rgb(var(--color-surface-700));
}

.\!input:hover {
  --tw-brightness: brightness(1.05);
  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);
}

.\!input:focus {
  --tw-brightness: brightness(1.05);
  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);
}

.input,
	.textarea,
	.select,
	.input-group {
  background-color: rgb(var(--color-surface-200));
}

.dark .input,.dark 
	.textarea,.dark 
	.select,.dark 
	.input-group {
  background-color: rgb(var(--color-surface-700));
}

.input:hover,
	.textarea:hover,
	.select:hover,
	.input-group:hover {
  --tw-brightness: brightness(1.05);
  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);
}

.input:focus,
	.textarea:focus,
	.select:focus,
	.input-group:focus {
  --tw-brightness: brightness(1.05);
  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);
}


	.\!textarea {
  background-color: rgb(var(--color-surface-200));
}

.dark 
	.\!textarea {
  background-color: rgb(var(--color-surface-700));
}


	.\!textarea:hover {
  --tw-brightness: brightness(1.05);
  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);
}


	.\!textarea:focus {
  --tw-brightness: brightness(1.05);
  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);
}

.\!input {
		/* Ring */
	}

.input,
	.textarea,
	.select,
	.input-group {
		/* Ring */
	}


	.\!textarea {
		/* Ring */
	}

.\!input {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.input,
	.textarea,
	.select,
	.input-group {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}


	.\!textarea {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\!input {
		/* Border */
	}

.input,
	.textarea,
	.select,
	.input-group {
		/* Border */
	}


	.\!textarea {
		/* Border */
	}

.\!input {
  border-width: var(--theme-border-base);
  border-color: rgb(var(--color-surface-400));
}

.dark .\!input {
  border-color: rgb(var(--color-surface-500));
}

.\!input:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity, 1));
}

.input,
	.textarea,
	.select,
	.input-group {
  border-width: var(--theme-border-base);
  border-color: rgb(var(--color-surface-400));
}

.dark .input,.dark 
	.textarea,.dark 
	.select,.dark 
	.input-group {
  border-color: rgb(var(--color-surface-500));
}

.input:focus-within,
	.textarea:focus-within,
	.select:focus-within,
	.input-group:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity, 1));
}


	.\!textarea {
  border-width: var(--theme-border-base);
  border-color: rgb(var(--color-surface-400));
}

.dark 
	.\!textarea {
  border-color: rgb(var(--color-surface-500));
}


	.\!textarea:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity, 1));
}

/* Base Inputs */

.\!input {
  border-radius: var(--theme-rounded-base);
}

.input,
	.input-group {
  border-radius: var(--theme-rounded-base);
}

/* Container Inputs */

.\!textarea {
  border-radius: var(--theme-rounded-container);
}

.textarea,
	.select {
  border-radius: var(--theme-rounded-container);
}

/* Select (size/multiple) */

.select > :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));
}

.select {
  padding: 0.5rem;
  padding-right: 2rem;
}

.select[size] {
  background-image: none;
}

.select optgroup > :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));
}

.select optgroup {
  font-weight: 700;
}

.select optgroup option {
  margin-left: 0px;
  padding-left: 0px;
}

.select optgroup option:first-of-type {
  margin-top: 0.75rem;
}

.select optgroup option:last-child {
  margin-bottom: 0.75rem !important;
}

.select option {
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: rgb(var(--color-surface-200));
}

.dark .select option {
  background-color: rgb(var(--color-surface-700));
}

.select option {
  border-radius: var(--theme-rounded-base);
}

.select option:checked {
		/* https://stackoverflow.com/questions/50618602/change-color-of-selected-option-in-select-multiple */
		background: rgb(var(--color-primary-500)) linear-gradient(0deg, rgb(var(--color-primary-500)) 0%, rgb(var(--color-primary-500)) 100%);
		color: rgb(var(--on-primary));
	}

/* Checkbox & Radio */

.checkbox,
	.radio {
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
		/* Background */
		background-color: rgb(var(--color-surface-200));
}

.dark .checkbox,.dark 
	.radio {
  background-color: rgb(var(--color-surface-700));
}

.checkbox:hover,
	.radio:hover {
  --tw-brightness: brightness(1.05);
  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);
}

.checkbox:focus,
	.radio:focus {
  --tw-brightness: brightness(1.05);
  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);
}

.checkbox,
	.radio {
		/* Border */
		border-width: var(--theme-border-base);
		border-color: rgb(var(--color-surface-400));
	}

.dark .checkbox,.dark 
	.radio {
  border-color: rgb(var(--color-surface-500));
}

.checkbox:focus,
	.radio:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity, 1));
}

.checkbox:checked,
	.radio:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
}

.checkbox:checked:hover,
	.radio:checked:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
}

.checkbox:checked:focus,
	.radio:checked:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 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(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);
}

.radio {
  border-radius: var(--theme-rounded-base);
}

/* === Specialized === */

/* File Inputs */

.\!input[type='file'] {
  padding: 0.25rem;
}

.input[type='file'] {
  padding: 0.25rem;
}

/* Color Picker */

/* https://stackoverflow.com/questions/11167281/webkit-css-to-control-the-box-around-the-color-in-an-inputtype-color */

.\!input[type='color'] {
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  overflow: hidden;
  border-style: none;
  border-radius: var(--theme-rounded-base);
}

.input[type='color'] {
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  overflow: hidden;
  border-style: none;
  border-radius: var(--theme-rounded-base);
}

.\!input[type='color'] {
		-webkit-appearance: none !important; /* WebKit Only */
	}

.input[type='color'] {
		-webkit-appearance: none; /* WebKit Only */
	}

.\!input[type='color']::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.input[type='color']::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.\!input[type='color']::-webkit-color-swatch {
  border-style: none;
}

.\!input[type='color']::-webkit-color-swatch:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.input[type='color']::-webkit-color-swatch {
  border-style: none;
}

.input[type='color']::-webkit-color-swatch:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!input[type='color']::-moz-color-swatch {
  border-style: none;
}

.input[type='color']::-moz-color-swatch {
  border-style: none;
}

/* === States === */

.\!input:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.\!input:disabled:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.input:disabled,
	.textarea:disabled,
	.select:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.input:disabled:hover,
	.textarea:disabled:hover,
	.select:disabled:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}


	.\!textarea:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}


	.\!textarea:disabled:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.\!input[readonly] {
  cursor: not-allowed !important;
  border-width: 0px !important;
}

.\!input[readonly]:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.input[readonly],
	.textarea[readonly],
	.select[readonly] {
  cursor: not-allowed !important;
  border-width: 0px !important;
}

.input[readonly]:hover,
	.textarea[readonly]:hover,
	.select[readonly]:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}


	.\!textarea[readonly] {
  cursor: not-allowed !important;
  border-width: 0px !important;
}


	.\!textarea[readonly]:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

/* === Input Groups === */

/* === Variants === */

/* success */

.input-success {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-success-500) / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-200) / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-success-700) / var(--tw-text-opacity, 1)) !important;
}

.input-success::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-700) / var(--tw-text-opacity, 1));
}

.input-success::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-700) / var(--tw-text-opacity, 1));
}

/* warning */

/* error */

.input-error {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-error-500) / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-error-200) / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-error-500) / var(--tw-text-opacity, 1)) !important;
}

.input-error::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-error-500) / var(--tw-text-opacity, 1));
}

.input-error::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-error-500) / var(--tw-text-opacity, 1));
}

/* === Variants === */

/* Material */

.container {
  width: 100%;
}

@media (min-width: 640px) {

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

@media (min-width: 768px) {

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

@media (min-width: 1024px) {

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

@media (min-width: 1280px) {

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

@media (min-width: 1536px) {

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

.alert {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.alert > :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));
}

.alert {
  padding: 1rem;
}

@media (min-width: 1024px) {

  .alert {
    flex-direction: row;
    align-items: center;
  }

  .alert > :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));
    --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)));
  }
}

.alert {
		/* Text */
		color: rgb(var(--color-surface-900));
	}

.dark .alert {
  color: rgb(var(--color-surface-50));
}

.alert {
		/* Rounded */
		border-radius: var(--theme-rounded-container);
	}

.badge {
		/* Core */
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

.badge > :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)));
}

.badge {
  white-space: nowrap;
		/* Text */
		font-size: 0.75rem;
		line-height: 1rem;
		font-weight: 600;
		/* Padding */
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		/* Theme: Rounded */
		border-radius: var(--theme-rounded-base);
}

/* === Variants === */

/* Glass */

/* Hide Scrollbars */

/* Duplicated from core.css to support `skeleton-minimal.css` */

.hide-scrollbar::-webkit-scrollbar {
		display: none;
	}

.hide-scrollbar {
		-ms-overflow-style: none; /* IE/Edge */
		scrollbar-width: none; /* Firefox */
	}

/* === Auto-Responsive === */

/* === States === */

button:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

button:disabled:hover {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

button:disabled:active {
  --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));
}

/* === Button === */

/* Standard button/anchor tag elements. */

.btn {
		/* Size (match base) */
		font-size: 1rem;
		line-height: 1.5rem;
		/* Padding */
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 9px;
		padding-bottom: 9px;
		/* Core */
		white-space: nowrap;
		text-align: center;
		/* Flex Columns */
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

.btn > :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)));
}

.btn {
		/* States */
	}

.btn:hover {
  --tw-brightness: brightness(1.15);
  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);
}

.btn {
		/* Transitions */
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
		border-radius: var(--theme-rounded-base);
	}

.btn:active {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-brightness: brightness(.9);
  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);
}

/* Button: Sizes */

/* Note: Default values are built into `.btn` */

.btn-sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* === Icon Button === */

/* A circular button meant for housing icons. */

.btn-icon {
		/* Extend Base Button Classes */
		/* Size (match base) */
		font-size: 1rem;
		line-height: 1.5rem;
		/* Padding */
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 9px;
		padding-bottom: 9px;
		/* Core */
		white-space: nowrap;
		text-align: center;
		/* Flex Columns */
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

.btn-icon > :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)));
}

.btn-icon {
		/* States */
	}

.btn-icon:hover {
  --tw-brightness: brightness(1.15);
  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);
}

.btn-icon {
		/* Transitions */
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
		/* Padding */
		padding: 0px;
		/* Size (match base) */
		aspect-ratio: 1 / 1;
		width: 43px;
		font-size: 1rem;
		line-height: 1.5rem;
		/* Rounded */
		border-radius: 9999px;
		/* Active */
	}

.btn-icon:active {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-brightness: brightness(.9);
  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);
}

/* Icon Button: Size */

.btn-icon-sm {
  aspect-ratio: 1 / 1;
  width: 33px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* File Input Button */

input[type='file']:not(.file-dropzone-input)::file-selector-button {
		/* Size (match base) */
		font-size: 1rem;
		line-height: 1.5rem;
		/* Padding */
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 9px;
		padding-bottom: 9px;
		/* Core */
		white-space: nowrap;
		text-align: center;
		/* Flex Columns */
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

input[type='file']:not(.file-dropzone-input)::file-selector-button > :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)));
}

input[type='file']:not(.file-dropzone-input)::file-selector-button {
		/* States */
	}

input[type='file']:not(.file-dropzone-input)::file-selector-button:hover {
  --tw-brightness: brightness(1.15);
  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);
}

input[type='file']:not(.file-dropzone-input)::file-selector-button {
		/* Transitions */
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
		border-radius: var(--theme-rounded-base);
	}

input[type='file']:not(.file-dropzone-input)::file-selector-button:active {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-brightness: brightness(.9);
  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);
}

input[type='file']:not(.file-dropzone-input)::file-selector-button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: rgb(var(--color-surface-900));
}

.dark input[type='file']:not(.file-dropzone-input)::file-selector-button {
  background-color: rgb(var(--color-surface-50));
}

input[type='file']:not(.file-dropzone-input)::file-selector-button {
  color: rgb(var(--color-surface-50));
}

.dark input[type='file']:not(.file-dropzone-input)::file-selector-button {
  color: rgb(var(--color-surface-900));
}

input[type='file']:not(.file-dropzone-input)::file-selector-button {
  margin-right: 0.5rem;
  border-width: 0px;
}

/* === Button Groups === */

.btn-group {
  display: inline-flex;
  flex-direction: row;
}

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

.btn-group {
  overflow: hidden;
  border-radius: var(--theme-rounded-base);
		/* Safari: hover overflow fix for border radius */
		isolation: isolate;
}

/* Button / Anchors */

.btn-group button,
	.btn-group a,
	.btn-group-vertical button,
	.btn-group-vertical a {
		/* Size (match base) */
		font-size: 1rem;
		line-height: 1.5rem;
		/* Padding */
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 9px;
		padding-bottom: 9px;
		/* Core */
		white-space: nowrap;
		text-align: center;
		/* Flex Columns */
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

.btn-group button > :not([hidden]) ~ :not([hidden]),
	.btn-group a > :not([hidden]) ~ :not([hidden]),
	.btn-group-vertical button > :not([hidden]) ~ :not([hidden]),
	.btn-group-vertical a > :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)));
}

.btn-group button,
	.btn-group a,
	.btn-group-vertical button,
	.btn-group-vertical a {
		/* States */
	}

.btn-group button:hover,
	.btn-group a:hover,
	.btn-group-vertical button:hover,
	.btn-group-vertical a:hover {
  --tw-brightness: brightness(1.15);
  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);
}

.btn-group button,
	.btn-group a,
	.btn-group-vertical button,
	.btn-group-vertical a {
		/* Transitions */
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

.btn-group button:hover,
	.btn-group a:hover,
	.btn-group-vertical button:hover,
	.btn-group-vertical a:hover {
  background-color: rgb(var(--color-surface-50) / 3%);
}

.btn-group button:active,
	.btn-group a:active,
	.btn-group-vertical button:active,
	.btn-group-vertical a:active {
  background-color: rgb(var(--color-surface-900) / 3%);
}

.btn-group button,
	.btn-group a,
	.btn-group-vertical button,
	.btn-group-vertical a {
		/* Reset Anchor Styles */
		color: inherit !important;
		text-decoration-line: none !important;
	}

/* Set Neutral Divider */

.btn-group * + * {
  border-top-width: 0px;
  border-left-width: 1px;
  border-color: rgb(var(--color-surface-500) / 0.2);
}

.card {
		/* background */
		background-color: rgb(var(--color-surface-100));
	}

.dark .card {
  background-color: rgb(var(--color-surface-800));
}

.card {
		/* Ring */
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
		--tw-ring-inset: inset;
		--tw-ring-color: rgb(23 23 23 / 0.05);;
	}

.dark .card {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-color: rgb(250 250 250 / 0.05);
}

.card {
		/* Theme: Rounded */
		border-radius: var(--theme-rounded-container);
	}

/* === Regions === */

.card-header {
  padding: 1rem;
  padding-bottom: 0px;
}

.card-footer {
  padding: 1rem;
  padding-top: 0px;
}

/* === States === */

a.card {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

a.card:hover {
  --tw-brightness: brightness(1.05);
  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);
}

.codeblock pre {
		counter-reset: line;
	}

.codeblock code.lineNumbers > span.line {
		counter-increment: line;
	}

.codeblock code.lineNumbers > span.\!line {
		counter-increment: line !important;
	}

.codeblock code.lineNumbers > span.line::before {
		content: counter(line) '';
	}

.codeblock code.lineNumbers > span.\!line::before {
		content: counter(line) '' !important;
	}

.codeblock code.lineNumbers > span.line::before {
  opacity: 0.5;
}

.codeblock code.lineNumbers > span.\!line::before {
  opacity: 0.5;
}

.chip {
  cursor: pointer;
  white-space: nowrap;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
		/* Text */
		text-align: center;
		font-size: 0.75rem;
		line-height: 1rem;
		/* Rounded */
		border-radius: 0.25rem;
		/* Flex Columns */
		display: inline-flex;
		align-items: center;
		justify-content: center;
}

.chip > :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)));
}

.chip {
		/* States */
	}

.chip:hover {
  --tw-brightness: brightness(1.15);
  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);
}

.chip {
		/* Transitions */
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

.chip-disabled,
	.chip:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.chip-disabled:active,
	.chip:disabled:active {
  --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));
}

/* === Lists (Parents) === */

.list,
	.list-dl,
	.list-nav ul {
		/* List Style */
		list-style-type: none;
		/* Spacing */
	}

.list > :not([hidden]) ~ :not([hidden]),
	.list-dl > :not([hidden]) ~ :not([hidden]),
	.list-nav ul > :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));
}

/* === List Items (Children) === */

.list li {
		/* @apply bg-red-500; */
		display: flex;
		align-items: center;
	}

.list li > :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)));
}

.list li {
		/* Padding */
		/* @apply p-2; */
		/* Theme: Rounded */
		border-radius: var(--theme-rounded-base);
		/* Wrapping */
		white-space: normal;
		overflow-wrap: break-word;
	}

.list-nav a,
	.list-nav button,
	.list-option {
  display: flex;
  align-items: center;
}

.list-nav a > :not([hidden]) ~ :not([hidden]),
	.list-nav button > :not([hidden]) ~ :not([hidden]),
	.list-option > :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)));
}

.list-nav a,
	.list-nav button,
	.list-option {
  white-space: nowrap;
		/* Padding */
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		/* Hover */
}

.list-nav a:hover,
	.list-nav button:hover,
	.list-option:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.dark .list-nav a:hover,.dark 
	.list-nav button:hover,.dark 
	.list-option:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.list-nav a,
	.list-nav button,
	.list-option {
		/* Focus */
		outline: 2px solid transparent;
		outline-offset: 2px;
	}

.list-nav a:focus,
	.list-nav button:focus,
	.list-option:focus {
  background-color: rgb(var(--color-primary-400) / 0.2);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  color: rgb(var(--color-primary-700));
}

.dark .list-nav a:focus,.dark 
	.list-nav button:focus,.dark 
	.list-option:focus {
  color: rgb(var(--color-primary-200));
}

.list-nav a:focus:is(.dark *),
	.list-nav button:focus:is(.dark *),
	.list-option:focus:is(.dark *) {
  background-color: rgb(var(--color-primary-500) / 0.2);
}

.list-nav a,
	.list-nav button,
	.list-option {
		/* Cursor */
		cursor: pointer;
		/* Theme: Rounded */
		border-radius: var(--theme-rounded-base);
	}

/* === Logo Item (Child) === */

/* === States === */

/* === Base === */

.placeholder {
  height: 1.25rem;
  background-color: rgb(var(--color-surface-300));
}

.dark .placeholder {
  background-color: rgb(var(--color-surface-600));
}

.placeholder {
		/* Theme: Rounded */
		border-radius: var(--theme-rounded-base);
	}

/* === Shapes === */

.table-container {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--theme-rounded-container);
}

.table {
  width: 100%;
  table-layout: auto;
  overflow: hidden;
		/* background */
		background-color: rgb(var(--color-surface-100));
}

.dark .table {
  background-color: rgb(var(--color-surface-800));
}

.table {
		/* Theme: Rounded */
		border-radius: var(--theme-rounded-container);
	}

/* === Hover Styles ==== */

.table-interactive tbody tr {
  cursor: pointer;
}

.table-interactive tbody tr:hover:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.dark .table-interactive tbody tr:hover:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.table-interactive tbody tr:hover:nth-child(even):hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.dark .table-interactive tbody tr:hover:nth-child(even):hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

/* === Sort Styles ==== */

[data-sort] {
  cursor: pointer;
}

[data-sort]:hover:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.dark [data-sort]:hover:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

[data-sort] {
		/* Sort Icon - invisible by default */
	}

[data-sort]::after {
  margin-left: 0.5rem !important;
  opacity: 0;
  --tw-content: '↓' !important;
  content: var(--tw-content) !important;
}

.table-sort-asc::after {
  opacity: 0.5;
  --tw-content: '↑' !important;
  content: var(--tw-content) !important;
}

.table-sort-dsc::after {
  opacity: 0.5;
  --tw-content: '↓' !important;
  content: var(--tw-content) !important;
}

/* === Table Head === */

.table thead {
  border-bottom-width: 1px;
  border-color: rgb(var(--color-surface-500) / 0.2);
  background-color: rgb(var(--color-surface-200));
}

.dark .table thead {
  background-color: rgb(var(--color-surface-700));
}

.table thead tr {
  text-align: left;
  text-transform: capitalize;
}

.table thead th {
  padding: 1rem;
  font-weight: 700;
}

/* === Table Body === */

.table tbody tr {
  border-bottom-width: 1px;
  border-color: rgb(var(--color-surface-500) / 0.2);
}

.table tbody tr:nth-child(even) {
  background-color: rgb(var(--color-surface-500) / 0.05);
}

.table tbody td {
		/* NOTE: removed this to allow wrapping */
		white-space: nowrap;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		vertical-align: top;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

@media (min-width: 1024px) {

  .table tbody td {
    white-space: normal;
  }
}

/* === Table Foot === */

.table tfoot {
  background-color: rgb(var(--color-surface-100));
}

.dark .table tfoot {
  background-color: rgb(var(--color-surface-800));
}

.table tfoot tr {
  text-align: left;
  text-transform: capitalize;
}

.table tfoot th,
	.table tfoot td {
  padding: 1rem;
}

/* === Rows Specific === */

/* === Cells Specific === */

/* Source: https://stackoverflow.com/questions/11267154/fit-cell-width-to-content */

/* Outline -- supports ringed and host variants */

.variant-outline-primary {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1));
}

.variant-outline-primary:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1));
}

/* ------------------------ */

/* === Filled === */

.variant-filled {
  background-color: rgb(var(--color-surface-900));
}

.dark .variant-filled {
  background-color: rgb(var(--color-surface-50));
}

.variant-filled {
  color: rgb(var(--color-surface-50));
}

.dark .variant-filled {
  color: rgb(var(--color-surface-900));
}

.variant-filled-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-primary));
}

.variant-filled-primary:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-primary));
}

.variant-filled-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-secondary));
}

.variant-filled-secondary:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-secondary));
}

.variant-filled-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-tertiary));
}

.variant-filled-tertiary:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-tertiary));
}

.variant-filled-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-warning));
}

.variant-filled-warning:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-warning));
}

.variant-filled-error {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-error-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-error));
}

.variant-filled-error:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-error-500) / var(--tw-bg-opacity, 1));
  color: rgb(var(--on-error));
}

.variant-filled-surface {
  background-color: rgb(var(--color-surface-400));
}

.dark .variant-filled-surface {
  background-color: rgb(var(--color-surface-500));
}

.variant-filled-surface {
  color: rgb(var(--on-surface));
}

.variant-filled-surface:is(.dark *) {
  color: rgb(var(--on-surface));
}

/* === Ringed === */

/* === Ghost === */

.variant-ghost-primary {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-primary:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-primary {
  background-color: rgb(var(--color-primary-500) / 0.2);
}

.variant-ghost-primary:is(.dark *) {
  background-color: rgb(var(--color-primary-500) / 0.2);
}

.variant-ghost-secondary {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-secondary-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-secondary:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-secondary-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-secondary {
  background-color: rgb(var(--color-secondary-500) / 0.2);
}

.variant-ghost-secondary:is(.dark *) {
  background-color: rgb(var(--color-secondary-500) / 0.2);
}

.variant-ghost-tertiary {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-tertiary-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-tertiary:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-tertiary-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-tertiary {
  background-color: rgb(var(--color-tertiary-500) / 0.2);
}

.variant-ghost-tertiary:is(.dark *) {
  background-color: rgb(var(--color-tertiary-500) / 0.2);
}

.variant-ghost-error {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-error-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-error:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-error-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost-error {
  background-color: rgb(var(--color-error-500) / 0.2);
}

.variant-ghost-error:is(.dark *) {
  background-color: rgb(var(--color-error-500) / 0.2);
}

.variant-ghost,
	.variant-ghost-surface {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost:is(.dark *),
	.variant-ghost-surface:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface-500) / var(--tw-ring-opacity, 1));
}

.variant-ghost,
	.variant-ghost-surface {
  background-color: rgb(var(--color-surface-500) / 0.2);
}

.variant-ghost:is(.dark *),
	.variant-ghost-surface:is(.dark *) {
  background-color: rgb(var(--color-surface-500) / 0.2);
}

/* === Soft === */

.variant-soft-tertiary {
  background-color: rgb(var(--color-tertiary-400) / 0.2);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  color: rgb(var(--color-tertiary-700));
}

.dark .variant-soft-tertiary {
  color: rgb(var(--color-tertiary-200));
}

.variant-soft-tertiary:is(.dark *) {
  background-color: rgb(var(--color-tertiary-500) / 0.2);
}

.variant-soft,
	.variant-soft-surface {
  background-color: rgb(var(--color-surface-400) / 0.2);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  color: rgb(var(--color-surface-700));
}

.dark .variant-soft,.dark 
	.variant-soft-surface {
  color: rgb(var(--color-surface-200));
}

.variant-soft:is(.dark *),
	.variant-soft-surface:is(.dark *) {
  background-color: rgb(var(--color-surface-500) / 0.2);
}

/* === Glass === */

.variant-glass-secondary {
  background-color: rgb(var(--color-secondary-500) / 0.2);
  --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);
}

.variant-glass-secondary:is(.dark *) {
  background-color: rgb(var(--color-secondary-500) / 0.2);
}

.variant-glass-surface {
  background-color: rgb(var(--color-surface-500) / 0.2);
  --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);
}

.variant-glass-surface:is(.dark *) {
  background-color: rgb(var(--color-surface-500) / 0.2);
}

/* === Gradients === */

/* Core Trio */

/* Core Trio (reversed) */

/* State Trio */

/* State Trio (reversed) */

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

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

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

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

.-left-full {
  left: -100%;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.top-0 {
  top: 0px;
}

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

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

.z-10 {
  z-index: 10;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[1001\] {
  z-index: 1001;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[500\] {
  z-index: 500;
}

.z-\[888\] {
  z-index: 888;
}

.z-\[999\] {
  z-index: 999;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

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

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

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

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

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

.-mt-\[15px\] {
  margin-top: -15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-\[15px\] {
  margin-top: 15px;
}

.box-border {
  box-sizing: border-box;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

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

.h-0 {
  height: 0px;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-2 {
  height: 0.5rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-8 {
  height: 2rem;
}

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

.h-auto {
  height: auto;
}

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

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

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

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

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

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

.min-h-full {
  min-height: 100%;
}

.w-0 {
  width: 0px;
}

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

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-3 {
  width: 0.75rem;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-96 {
  width: 24rem;
}

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

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

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

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

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

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

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

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

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

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

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

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-none {
  flex: none;
}

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

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

.grow {
  flex-grow: 1;
}

.origin-\[50\%_50\%\] {
  transform-origin: 50% 50%;
}

.-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-\[100\%\] {
  --tw-translate-x: 100%;
  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-full {
  --tw-translate-x: 100%;
  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));
}

.scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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-\[105\%\] {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  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));
}

@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}

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

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

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

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

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

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

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

.grid-rows-\[auto_1fr_auto\] {
  grid-template-rows: auto 1fr auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0px;
}

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

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

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

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * 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-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-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-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-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));
}

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

.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

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

.\!rounded {
  border-radius: 0.25rem !important;
}

.rounded {
  border-radius: 0.25rem;
}

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

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

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

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

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

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

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

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

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

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

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

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

.border-surface-500 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-500) / var(--tw-border-opacity, 1));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

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

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

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-neutral-900\/90 {
  background-color: rgb(23 23 23 / 0.9);
}

.bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity, 1));
}

.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-secondary-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-400) / var(--tw-bg-opacity, 1));
}

.bg-secondary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity, 1));
}

.bg-surface-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-300) / var(--tw-bg-opacity, 1));
}

.bg-surface-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-400) / var(--tw-bg-opacity, 1));
}

.bg-surface-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-50) / var(--tw-bg-opacity, 1));
}

.bg-surface-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-700) / var(--tw-bg-opacity, 1));
}

.bg-surface-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: transparent;
}

.bg-warning-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-500) / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/75 {
  background-color: rgb(255 255 255 / 0.75);
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.fill-current {
  fill: currentColor;
}

.fill-surface-50 {
  fill: rgb(var(--color-surface-50) / 1);
}

.fill-surface-900 {
  fill: rgb(var(--color-surface-900) / 1);
}

.fill-transparent {
  fill: transparent;
}

.stroke-success-200 {
  stroke: rgb(var(--color-success-200) / 1);
}

.stroke-success-400 {
  stroke: rgb(var(--color-success-400) / 1);
}

.stroke-surface-500\/30 {
  stroke: rgb(var(--color-surface-500) / 0.3);
}

.stroke-surface-900 {
  stroke: rgb(var(--color-surface-900) / 1);
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.text-left {
  text-align: left;
}

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

.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.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-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-error-500 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-error-500) / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

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

.text-success-500 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-500) / var(--tw-text-opacity, 1));
}

.text-surface-50 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-50) / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.accent-surface-900 {
  accent-color: rgb(var(--color-surface-900) / 1);
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.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-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.-outline-offset-\[3px\] {
  outline-offset: -3px;
}

.\!ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[1px\] {
  --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-surface-500\/30 {
  --tw-ring-color: rgb(var(--color-surface-500) / 0.3);
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.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);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  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, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  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-100 {
  transition-duration: 100ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-\[200ms\] {
  transition-duration: 200ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dark .bg-primary-backdrop-token {
  background-color: rgb(var(--color-primary-900) / 0.7);
}

.bg-primary-hover-token:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.dark .bg-primary-hover-token:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.bg-primary-active-token {
  background-color: rgb(var(--color-primary-500)) !important;
  color: rgb(var(--on-primary));
  fill: rgb(var(--on-primary));
}

.dark .bg-primary-50-900-token {
  background-color: rgb(var(--color-primary-900));
}

.dark .bg-primary-100-800-token {
  background-color: rgb(var(--color-primary-800));
}

.dark .bg-primary-200-700-token {
  background-color: rgb(var(--color-primary-700));
}

.dark .bg-primary-300-600-token {
  background-color: rgb(var(--color-primary-600));
}

.dark .bg-primary-400-500-token {
  background-color: rgb(var(--color-primary-500));
}

.dark .bg-primary-900-50-token {
  background-color: rgb(var(--color-primary-50));
}

.dark .bg-primary-800-100-token {
  background-color: rgb(var(--color-primary-100));
}

.dark .bg-primary-700-200-token {
  background-color: rgb(var(--color-primary-200));
}

.dark .bg-primary-600-300-token {
  background-color: rgb(var(--color-primary-300));
}

.dark .bg-primary-500-400-token {
  background-color: rgb(var(--color-primary-400));
}

.dark .bg-secondary-backdrop-token {
  background-color: rgb(var(--color-secondary-900) / 0.7);
}

.dark .bg-secondary-hover-token:hover {
  background-color: rgb(var(--color-secondary-500) / 0.1);
}

.dark .bg-secondary-50-900-token {
  background-color: rgb(var(--color-secondary-900));
}

.dark .bg-secondary-100-800-token {
  background-color: rgb(var(--color-secondary-800));
}

.dark .bg-secondary-200-700-token {
  background-color: rgb(var(--color-secondary-700));
}

.dark .bg-secondary-300-600-token {
  background-color: rgb(var(--color-secondary-600));
}

.dark .bg-secondary-400-500-token {
  background-color: rgb(var(--color-secondary-500));
}

.dark .bg-secondary-900-50-token {
  background-color: rgb(var(--color-secondary-50));
}

.dark .bg-secondary-800-100-token {
  background-color: rgb(var(--color-secondary-100));
}

.dark .bg-secondary-700-200-token {
  background-color: rgb(var(--color-secondary-200));
}

.dark .bg-secondary-600-300-token {
  background-color: rgb(var(--color-secondary-300));
}

.dark .bg-secondary-500-400-token {
  background-color: rgb(var(--color-secondary-400));
}

.dark .bg-tertiary-backdrop-token {
  background-color: rgb(var(--color-tertiary-900) / 0.7);
}

.dark .bg-tertiary-hover-token:hover {
  background-color: rgb(var(--color-tertiary-500) / 0.1);
}

.dark .bg-tertiary-50-900-token {
  background-color: rgb(var(--color-tertiary-900));
}

.dark .bg-tertiary-100-800-token {
  background-color: rgb(var(--color-tertiary-800));
}

.dark .bg-tertiary-200-700-token {
  background-color: rgb(var(--color-tertiary-700));
}

.dark .bg-tertiary-300-600-token {
  background-color: rgb(var(--color-tertiary-600));
}

.dark .bg-tertiary-400-500-token {
  background-color: rgb(var(--color-tertiary-500));
}

.dark .bg-tertiary-900-50-token {
  background-color: rgb(var(--color-tertiary-50));
}

.dark .bg-tertiary-800-100-token {
  background-color: rgb(var(--color-tertiary-100));
}

.dark .bg-tertiary-700-200-token {
  background-color: rgb(var(--color-tertiary-200));
}

.dark .bg-tertiary-600-300-token {
  background-color: rgb(var(--color-tertiary-300));
}

.dark .bg-tertiary-500-400-token {
  background-color: rgb(var(--color-tertiary-400));
}

.dark .bg-success-backdrop-token {
  background-color: rgb(var(--color-success-900) / 0.7);
}

.dark .bg-success-hover-token:hover {
  background-color: rgb(var(--color-success-500) / 0.1);
}

.dark .bg-success-50-900-token {
  background-color: rgb(var(--color-success-900));
}

.dark .bg-success-100-800-token {
  background-color: rgb(var(--color-success-800));
}

.dark .bg-success-200-700-token {
  background-color: rgb(var(--color-success-700));
}

.dark .bg-success-300-600-token {
  background-color: rgb(var(--color-success-600));
}

.dark .bg-success-400-500-token {
  background-color: rgb(var(--color-success-500));
}

.dark .bg-success-900-50-token {
  background-color: rgb(var(--color-success-50));
}

.dark .bg-success-800-100-token {
  background-color: rgb(var(--color-success-100));
}

.dark .bg-success-700-200-token {
  background-color: rgb(var(--color-success-200));
}

.dark .bg-success-600-300-token {
  background-color: rgb(var(--color-success-300));
}

.dark .bg-success-500-400-token {
  background-color: rgb(var(--color-success-400));
}

.dark .bg-warning-backdrop-token {
  background-color: rgb(var(--color-warning-900) / 0.7);
}

.dark .bg-warning-hover-token:hover {
  background-color: rgb(var(--color-warning-500) / 0.1);
}

.dark .bg-warning-50-900-token {
  background-color: rgb(var(--color-warning-900));
}

.dark .bg-warning-100-800-token {
  background-color: rgb(var(--color-warning-800));
}

.dark .bg-warning-200-700-token {
  background-color: rgb(var(--color-warning-700));
}

.dark .bg-warning-300-600-token {
  background-color: rgb(var(--color-warning-600));
}

.dark .bg-warning-400-500-token {
  background-color: rgb(var(--color-warning-500));
}

.dark .bg-warning-900-50-token {
  background-color: rgb(var(--color-warning-50));
}

.dark .bg-warning-800-100-token {
  background-color: rgb(var(--color-warning-100));
}

.dark .bg-warning-700-200-token {
  background-color: rgb(var(--color-warning-200));
}

.dark .bg-warning-600-300-token {
  background-color: rgb(var(--color-warning-300));
}

.dark .bg-warning-500-400-token {
  background-color: rgb(var(--color-warning-400));
}

.dark .bg-error-backdrop-token {
  background-color: rgb(var(--color-error-900) / 0.7);
}

.dark .bg-error-hover-token:hover {
  background-color: rgb(var(--color-error-500) / 0.1);
}

.dark .bg-error-50-900-token {
  background-color: rgb(var(--color-error-900));
}

.dark .bg-error-100-800-token {
  background-color: rgb(var(--color-error-800));
}

.dark .bg-error-200-700-token {
  background-color: rgb(var(--color-error-700));
}

.dark .bg-error-300-600-token {
  background-color: rgb(var(--color-error-600));
}

.dark .bg-error-400-500-token {
  background-color: rgb(var(--color-error-500));
}

.dark .bg-error-900-50-token {
  background-color: rgb(var(--color-error-50));
}

.dark .bg-error-800-100-token {
  background-color: rgb(var(--color-error-100));
}

.dark .bg-error-700-200-token {
  background-color: rgb(var(--color-error-200));
}

.dark .bg-error-600-300-token {
  background-color: rgb(var(--color-error-300));
}

.dark .bg-error-500-400-token {
  background-color: rgb(var(--color-error-400));
}

.bg-surface-backdrop-token {
  background-color: rgb(var(--color-surface-400) / 0.7);
}

.dark .bg-surface-backdrop-token {
  background-color: rgb(var(--color-surface-900) / 0.7);
}

.dark .bg-surface-hover-token:hover {
  background-color: rgb(var(--color-surface-500) / 0.1);
}

.dark .bg-surface-50-900-token {
  background-color: rgb(var(--color-surface-900));
}

.bg-surface-100-800-token {
  background-color: rgb(var(--color-surface-100));
}

.dark .bg-surface-100-800-token {
  background-color: rgb(var(--color-surface-800));
}

.bg-surface-200-700-token {
  background-color: rgb(var(--color-surface-200));
}

.dark .bg-surface-200-700-token {
  background-color: rgb(var(--color-surface-700));
}

.dark .bg-surface-300-600-token {
  background-color: rgb(var(--color-surface-600));
}

.bg-surface-400-500-token {
  background-color: rgb(var(--color-surface-400));
}

.dark .bg-surface-400-500-token {
  background-color: rgb(var(--color-surface-500));
}

.bg-surface-900-50-token {
  background-color: rgb(var(--color-surface-900));
}

.dark .bg-surface-900-50-token {
  background-color: rgb(var(--color-surface-50));
}

.dark .bg-surface-800-100-token {
  background-color: rgb(var(--color-surface-100));
}

.dark .bg-surface-700-200-token {
  background-color: rgb(var(--color-surface-200));
}

.dark .bg-surface-600-300-token {
  background-color: rgb(var(--color-surface-300));
}

.dark .bg-surface-500-400-token {
  background-color: rgb(var(--color-surface-400));
}

.border-token {
  border-width: var(--theme-border-base);
}

.dark .border-primary-50-900-token {
  border-color: rgb(var(--color-primary-900));
}

.dark .border-primary-100-800-token {
  border-color: rgb(var(--color-primary-800));
}

.dark .border-primary-200-700-token {
  border-color: rgb(var(--color-primary-700));
}

.dark .border-primary-300-600-token {
  border-color: rgb(var(--color-primary-600));
}

.dark .border-primary-400-500-token {
  border-color: rgb(var(--color-primary-500));
}

.dark .border-primary-900-50-token {
  border-color: rgb(var(--color-primary-50));
}

.dark .border-primary-800-100-token {
  border-color: rgb(var(--color-primary-100));
}

.dark .border-primary-700-200-token {
  border-color: rgb(var(--color-primary-200));
}

.dark .border-primary-600-300-token {
  border-color: rgb(var(--color-primary-300));
}

.dark .border-primary-500-400-token {
  border-color: rgb(var(--color-primary-400));
}

.dark .border-secondary-50-900-token {
  border-color: rgb(var(--color-secondary-900));
}

.dark .border-secondary-100-800-token {
  border-color: rgb(var(--color-secondary-800));
}

.dark .border-secondary-200-700-token {
  border-color: rgb(var(--color-secondary-700));
}

.dark .border-secondary-300-600-token {
  border-color: rgb(var(--color-secondary-600));
}

.dark .border-secondary-400-500-token {
  border-color: rgb(var(--color-secondary-500));
}

.dark .border-secondary-900-50-token {
  border-color: rgb(var(--color-secondary-50));
}

.dark .border-secondary-800-100-token {
  border-color: rgb(var(--color-secondary-100));
}

.dark .border-secondary-700-200-token {
  border-color: rgb(var(--color-secondary-200));
}

.dark .border-secondary-600-300-token {
  border-color: rgb(var(--color-secondary-300));
}

.dark .border-secondary-500-400-token {
  border-color: rgb(var(--color-secondary-400));
}

.dark .border-tertiary-50-900-token {
  border-color: rgb(var(--color-tertiary-900));
}

.dark .border-tertiary-100-800-token {
  border-color: rgb(var(--color-tertiary-800));
}

.dark .border-tertiary-200-700-token {
  border-color: rgb(var(--color-tertiary-700));
}

.dark .border-tertiary-300-600-token {
  border-color: rgb(var(--color-tertiary-600));
}

.dark .border-tertiary-400-500-token {
  border-color: rgb(var(--color-tertiary-500));
}

.dark .border-tertiary-900-50-token {
  border-color: rgb(var(--color-tertiary-50));
}

.dark .border-tertiary-800-100-token {
  border-color: rgb(var(--color-tertiary-100));
}

.dark .border-tertiary-700-200-token {
  border-color: rgb(var(--color-tertiary-200));
}

.dark .border-tertiary-600-300-token {
  border-color: rgb(var(--color-tertiary-300));
}

.dark .border-tertiary-500-400-token {
  border-color: rgb(var(--color-tertiary-400));
}

.dark .border-success-50-900-token {
  border-color: rgb(var(--color-success-900));
}

.dark .border-success-100-800-token {
  border-color: rgb(var(--color-success-800));
}

.dark .border-success-200-700-token {
  border-color: rgb(var(--color-success-700));
}

.dark .border-success-300-600-token {
  border-color: rgb(var(--color-success-600));
}

.dark .border-success-400-500-token {
  border-color: rgb(var(--color-success-500));
}

.dark .border-success-900-50-token {
  border-color: rgb(var(--color-success-50));
}

.dark .border-success-800-100-token {
  border-color: rgb(var(--color-success-100));
}

.dark .border-success-700-200-token {
  border-color: rgb(var(--color-success-200));
}

.dark .border-success-600-300-token {
  border-color: rgb(var(--color-success-300));
}

.dark .border-success-500-400-token {
  border-color: rgb(var(--color-success-400));
}

.dark .border-warning-50-900-token {
  border-color: rgb(var(--color-warning-900));
}

.dark .border-warning-100-800-token {
  border-color: rgb(var(--color-warning-800));
}

.dark .border-warning-200-700-token {
  border-color: rgb(var(--color-warning-700));
}

.dark .border-warning-300-600-token {
  border-color: rgb(var(--color-warning-600));
}

.dark .border-warning-400-500-token {
  border-color: rgb(var(--color-warning-500));
}

.dark .border-warning-900-50-token {
  border-color: rgb(var(--color-warning-50));
}

.dark .border-warning-800-100-token {
  border-color: rgb(var(--color-warning-100));
}

.dark .border-warning-700-200-token {
  border-color: rgb(var(--color-warning-200));
}

.dark .border-warning-600-300-token {
  border-color: rgb(var(--color-warning-300));
}

.dark .border-warning-500-400-token {
  border-color: rgb(var(--color-warning-400));
}

.dark .border-error-50-900-token {
  border-color: rgb(var(--color-error-900));
}

.dark .border-error-100-800-token {
  border-color: rgb(var(--color-error-800));
}

.dark .border-error-200-700-token {
  border-color: rgb(var(--color-error-700));
}

.dark .border-error-300-600-token {
  border-color: rgb(var(--color-error-600));
}

.dark .border-error-400-500-token {
  border-color: rgb(var(--color-error-500));
}

.dark .border-error-900-50-token {
  border-color: rgb(var(--color-error-50));
}

.dark .border-error-800-100-token {
  border-color: rgb(var(--color-error-100));
}

.dark .border-error-700-200-token {
  border-color: rgb(var(--color-error-200));
}

.dark .border-error-600-300-token {
  border-color: rgb(var(--color-error-300));
}

.dark .border-error-500-400-token {
  border-color: rgb(var(--color-error-400));
}

.dark .border-surface-50-900-token {
  border-color: rgb(var(--color-surface-900));
}

.dark .border-surface-100-800-token {
  border-color: rgb(var(--color-surface-800));
}

.dark .border-surface-200-700-token {
  border-color: rgb(var(--color-surface-700));
}

.dark .border-surface-300-600-token {
  border-color: rgb(var(--color-surface-600));
}

.border-surface-400-500-token {
  border-color: rgb(var(--color-surface-400));
}

.dark .border-surface-400-500-token {
  border-color: rgb(var(--color-surface-500));
}

.border-surface-900-50-token {
  border-color: rgb(var(--color-surface-900));
}

.dark .border-surface-900-50-token {
  border-color: rgb(var(--color-surface-50));
}

.dark .border-surface-800-100-token {
  border-color: rgb(var(--color-surface-100));
}

.dark .border-surface-700-200-token {
  border-color: rgb(var(--color-surface-200));
}

.dark .border-surface-600-300-token {
  border-color: rgb(var(--color-surface-300));
}

.dark .border-surface-500-400-token {
  border-color: rgb(var(--color-surface-400));
}

.rounded-token {
  border-radius: var(--theme-rounded-base);
}

.rounded-container-token {
  border-radius: var(--theme-rounded-container);
}

.rounded-tl-container-token {
  border-top-left-radius: var(--theme-rounded-container);
}

.rounded-tr-container-token {
  border-top-right-radius: var(--theme-rounded-container);
}

.rounded-bl-container-token {
  border-bottom-left-radius: var(--theme-rounded-container);
}

.rounded-br-container-token {
  border-bottom-right-radius: var(--theme-rounded-container);
}

.fill-token {
  fill: rgba(var(--theme-font-color-base));
}

.dark .fill-token {
  fill: rgba(var(--theme-font-color-dark));
}

.text-token {
  color: rgba(var(--theme-font-color-base));
}

.dark .text-token {
  color: rgba(var(--theme-font-color-dark));
}

.\!text-on-primary-token {
  color: rgb(var(--on-primary)) !important;
}

.dark .text-primary-50-900-token {
  color: rgb(var(--color-primary-900));
}

.dark .text-primary-100-800-token {
  color: rgb(var(--color-primary-800));
}

.dark .text-primary-200-700-token {
  color: rgb(var(--color-primary-700));
}

.dark .text-primary-300-600-token {
  color: rgb(var(--color-primary-600));
}

.dark .text-primary-400-500-token {
  color: rgb(var(--color-primary-500));
}

.dark .text-primary-900-50-token {
  color: rgb(var(--color-primary-50));
}

.dark .text-primary-800-100-token {
  color: rgb(var(--color-primary-100));
}

.dark .text-primary-700-200-token {
  color: rgb(var(--color-primary-200));
}

.dark .text-primary-600-300-token {
  color: rgb(var(--color-primary-300));
}

.dark .text-primary-500-400-token {
  color: rgb(var(--color-primary-400));
}

.dark .text-secondary-50-900-token {
  color: rgb(var(--color-secondary-900));
}

.dark .text-secondary-100-800-token {
  color: rgb(var(--color-secondary-800));
}

.dark .text-secondary-200-700-token {
  color: rgb(var(--color-secondary-700));
}

.dark .text-secondary-300-600-token {
  color: rgb(var(--color-secondary-600));
}

.dark .text-secondary-400-500-token {
  color: rgb(var(--color-secondary-500));
}

.dark .text-secondary-900-50-token {
  color: rgb(var(--color-secondary-50));
}

.dark .text-secondary-800-100-token {
  color: rgb(var(--color-secondary-100));
}

.dark .text-secondary-700-200-token {
  color: rgb(var(--color-secondary-200));
}

.dark .text-secondary-600-300-token {
  color: rgb(var(--color-secondary-300));
}

.dark .text-secondary-500-400-token {
  color: rgb(var(--color-secondary-400));
}

.dark .text-tertiary-50-900-token {
  color: rgb(var(--color-tertiary-900));
}

.dark .text-tertiary-100-800-token {
  color: rgb(var(--color-tertiary-800));
}

.dark .text-tertiary-200-700-token {
  color: rgb(var(--color-tertiary-700));
}

.dark .text-tertiary-300-600-token {
  color: rgb(var(--color-tertiary-600));
}

.dark .text-tertiary-400-500-token {
  color: rgb(var(--color-tertiary-500));
}

.dark .text-tertiary-900-50-token {
  color: rgb(var(--color-tertiary-50));
}

.dark .text-tertiary-800-100-token {
  color: rgb(var(--color-tertiary-100));
}

.dark .text-tertiary-700-200-token {
  color: rgb(var(--color-tertiary-200));
}

.dark .text-tertiary-600-300-token {
  color: rgb(var(--color-tertiary-300));
}

.dark .text-tertiary-500-400-token {
  color: rgb(var(--color-tertiary-400));
}

.dark .text-success-50-900-token {
  color: rgb(var(--color-success-900));
}

.dark .text-success-100-800-token {
  color: rgb(var(--color-success-800));
}

.dark .text-success-200-700-token {
  color: rgb(var(--color-success-700));
}

.dark .text-success-300-600-token {
  color: rgb(var(--color-success-600));
}

.dark .text-success-400-500-token {
  color: rgb(var(--color-success-500));
}

.dark .text-success-900-50-token {
  color: rgb(var(--color-success-50));
}

.dark .text-success-800-100-token {
  color: rgb(var(--color-success-100));
}

.dark .text-success-700-200-token {
  color: rgb(var(--color-success-200));
}

.dark .text-success-600-300-token {
  color: rgb(var(--color-success-300));
}

.dark .text-success-500-400-token {
  color: rgb(var(--color-success-400));
}

.dark .text-warning-50-900-token {
  color: rgb(var(--color-warning-900));
}

.dark .text-warning-100-800-token {
  color: rgb(var(--color-warning-800));
}

.dark .text-warning-200-700-token {
  color: rgb(var(--color-warning-700));
}

.dark .text-warning-300-600-token {
  color: rgb(var(--color-warning-600));
}

.dark .text-warning-400-500-token {
  color: rgb(var(--color-warning-500));
}

.dark .text-warning-900-50-token {
  color: rgb(var(--color-warning-50));
}

.dark .text-warning-800-100-token {
  color: rgb(var(--color-warning-100));
}

.dark .text-warning-700-200-token {
  color: rgb(var(--color-warning-200));
}

.dark .text-warning-600-300-token {
  color: rgb(var(--color-warning-300));
}

.dark .text-warning-500-400-token {
  color: rgb(var(--color-warning-400));
}

.dark .text-error-50-900-token {
  color: rgb(var(--color-error-900));
}

.dark .text-error-100-800-token {
  color: rgb(var(--color-error-800));
}

.dark .text-error-200-700-token {
  color: rgb(var(--color-error-700));
}

.dark .text-error-300-600-token {
  color: rgb(var(--color-error-600));
}

.dark .text-error-400-500-token {
  color: rgb(var(--color-error-500));
}

.dark .text-error-900-50-token {
  color: rgb(var(--color-error-50));
}

.dark .text-error-800-100-token {
  color: rgb(var(--color-error-100));
}

.dark .text-error-700-200-token {
  color: rgb(var(--color-error-200));
}

.dark .text-error-600-300-token {
  color: rgb(var(--color-error-300));
}

.dark .text-error-500-400-token {
  color: rgb(var(--color-error-400));
}

.dark .text-surface-50-900-token {
  color: rgb(var(--color-surface-900));
}

.dark .text-surface-100-800-token {
  color: rgb(var(--color-surface-800));
}

.dark .text-surface-200-700-token {
  color: rgb(var(--color-surface-700));
}

.dark .text-surface-300-600-token {
  color: rgb(var(--color-surface-600));
}

.dark .text-surface-400-500-token {
  color: rgb(var(--color-surface-500));
}

.dark .text-surface-900-50-token {
  color: rgb(var(--color-surface-50));
}

.dark .text-surface-800-100-token {
  color: rgb(var(--color-surface-100));
}

.dark .text-surface-700-200-token {
  color: rgb(var(--color-surface-200));
}

.text-surface-600-300-token {
  color: rgb(var(--color-surface-600));
}

.dark .text-surface-600-300-token {
  color: rgb(var(--color-surface-300));
}

.dark .text-surface-500-400-token {
  color: rgb(var(--color-surface-400));
}

.dark .ring-outline-token {
  --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);
  --tw-ring-inset: inset;
  --tw-ring-color: rgb(250 250 250 / 0.05);
}

.dark .ring-primary-50-900-token {
  --tw-ring-color: rgb(var(--color-primary-900) / 1);
}

.dark .ring-primary-100-800-token {
  --tw-ring-color: rgb(var(--color-primary-800) / 1);
}

.dark .ring-primary-200-700-token {
  --tw-ring-color: rgb(var(--color-primary-700) / 1);
}

.dark .ring-primary-300-600-token {
  --tw-ring-color: rgb(var(--color-primary-600) / 1);
}

.dark .ring-primary-400-500-token {
  --tw-ring-color: rgb(var(--color-primary-500) / 1);
}

.dark .ring-primary-900-50-token {
  --tw-ring-color: rgb(var(--color-primary-50) / 1);
}

.dark .ring-primary-800-100-token {
  --tw-ring-color: rgb(var(--color-primary-100) / 1);
}

.dark .ring-primary-700-200-token {
  --tw-ring-color: rgb(var(--color-primary-200) / 1);
}

.dark .ring-primary-600-300-token {
  --tw-ring-color: rgb(var(--color-primary-300) / 1);
}

.dark .ring-primary-500-400-token {
  --tw-ring-color: rgb(var(--color-primary-400) / 1);
}

.dark .ring-secondary-50-900-token {
  --tw-ring-color: rgb(var(--color-secondary-900) / 1);
}

.dark .ring-secondary-100-800-token {
  --tw-ring-color: rgb(var(--color-secondary-800) / 1);
}

.dark .ring-secondary-200-700-token {
  --tw-ring-color: rgb(var(--color-secondary-700) / 1);
}

.dark .ring-secondary-300-600-token {
  --tw-ring-color: rgb(var(--color-secondary-600) / 1);
}

.dark .ring-secondary-400-500-token {
  --tw-ring-color: rgb(var(--color-secondary-500) / 1);
}

.dark .ring-secondary-900-50-token {
  --tw-ring-color: rgb(var(--color-secondary-50) / 1);
}

.dark .ring-secondary-800-100-token {
  --tw-ring-color: rgb(var(--color-secondary-100) / 1);
}

.dark .ring-secondary-700-200-token {
  --tw-ring-color: rgb(var(--color-secondary-200) / 1);
}

.dark .ring-secondary-600-300-token {
  --tw-ring-color: rgb(var(--color-secondary-300) / 1);
}

.dark .ring-secondary-500-400-token {
  --tw-ring-color: rgb(var(--color-secondary-400) / 1);
}

.dark .ring-tertiary-50-900-token {
  --tw-ring-color: rgb(var(--color-tertiary-900) / 1);
}

.dark .ring-tertiary-100-800-token {
  --tw-ring-color: rgb(var(--color-tertiary-800) / 1);
}

.dark .ring-tertiary-200-700-token {
  --tw-ring-color: rgb(var(--color-tertiary-700) / 1);
}

.dark .ring-tertiary-300-600-token {
  --tw-ring-color: rgb(var(--color-tertiary-600) / 1);
}

.dark .ring-tertiary-400-500-token {
  --tw-ring-color: rgb(var(--color-tertiary-500) / 1);
}

.dark .ring-tertiary-900-50-token {
  --tw-ring-color: rgb(var(--color-tertiary-50) / 1);
}

.dark .ring-tertiary-800-100-token {
  --tw-ring-color: rgb(var(--color-tertiary-100) / 1);
}

.dark .ring-tertiary-700-200-token {
  --tw-ring-color: rgb(var(--color-tertiary-200) / 1);
}

.dark .ring-tertiary-600-300-token {
  --tw-ring-color: rgb(var(--color-tertiary-300) / 1);
}

.dark .ring-tertiary-500-400-token {
  --tw-ring-color: rgb(var(--color-tertiary-400) / 1);
}

.dark .ring-success-50-900-token {
  --tw-ring-color: rgb(var(--color-success-900) / 1);
}

.dark .ring-success-100-800-token {
  --tw-ring-color: rgb(var(--color-success-800) / 1);
}

.dark .ring-success-200-700-token {
  --tw-ring-color: rgb(var(--color-success-700) / 1);
}

.dark .ring-success-300-600-token {
  --tw-ring-color: rgb(var(--color-success-600) / 1);
}

.dark .ring-success-400-500-token {
  --tw-ring-color: rgb(var(--color-success-500) / 1);
}

.dark .ring-success-900-50-token {
  --tw-ring-color: rgb(var(--color-success-50) / 1);
}

.dark .ring-success-800-100-token {
  --tw-ring-color: rgb(var(--color-success-100) / 1);
}

.dark .ring-success-700-200-token {
  --tw-ring-color: rgb(var(--color-success-200) / 1);
}

.dark .ring-success-600-300-token {
  --tw-ring-color: rgb(var(--color-success-300) / 1);
}

.dark .ring-success-500-400-token {
  --tw-ring-color: rgb(var(--color-success-400) / 1);
}

.dark .ring-warning-50-900-token {
  --tw-ring-color: rgb(var(--color-warning-900) / 1);
}

.dark .ring-warning-100-800-token {
  --tw-ring-color: rgb(var(--color-warning-800) / 1);
}

.dark .ring-warning-200-700-token {
  --tw-ring-color: rgb(var(--color-warning-700) / 1);
}

.dark .ring-warning-300-600-token {
  --tw-ring-color: rgb(var(--color-warning-600) / 1);
}

.dark .ring-warning-400-500-token {
  --tw-ring-color: rgb(var(--color-warning-500) / 1);
}

.dark .ring-warning-900-50-token {
  --tw-ring-color: rgb(var(--color-warning-50) / 1);
}

.dark .ring-warning-800-100-token {
  --tw-ring-color: rgb(var(--color-warning-100) / 1);
}

.dark .ring-warning-700-200-token {
  --tw-ring-color: rgb(var(--color-warning-200) / 1);
}

.dark .ring-warning-600-300-token {
  --tw-ring-color: rgb(var(--color-warning-300) / 1);
}

.dark .ring-warning-500-400-token {
  --tw-ring-color: rgb(var(--color-warning-400) / 1);
}

.dark .ring-error-50-900-token {
  --tw-ring-color: rgb(var(--color-error-900) / 1);
}

.dark .ring-error-100-800-token {
  --tw-ring-color: rgb(var(--color-error-800) / 1);
}

.dark .ring-error-200-700-token {
  --tw-ring-color: rgb(var(--color-error-700) / 1);
}

.dark .ring-error-300-600-token {
  --tw-ring-color: rgb(var(--color-error-600) / 1);
}

.dark .ring-error-400-500-token {
  --tw-ring-color: rgb(var(--color-error-500) / 1);
}

.dark .ring-error-900-50-token {
  --tw-ring-color: rgb(var(--color-error-50) / 1);
}

.dark .ring-error-800-100-token {
  --tw-ring-color: rgb(var(--color-error-100) / 1);
}

.dark .ring-error-700-200-token {
  --tw-ring-color: rgb(var(--color-error-200) / 1);
}

.dark .ring-error-600-300-token {
  --tw-ring-color: rgb(var(--color-error-300) / 1);
}

.dark .ring-error-500-400-token {
  --tw-ring-color: rgb(var(--color-error-400) / 1);
}

.dark .ring-surface-50-900-token {
  --tw-ring-color: rgb(var(--color-surface-900) / 1);
}

.dark .ring-surface-100-800-token {
  --tw-ring-color: rgb(var(--color-surface-800) / 1);
}

.dark .ring-surface-200-700-token {
  --tw-ring-color: rgb(var(--color-surface-700) / 1);
}

.dark .ring-surface-300-600-token {
  --tw-ring-color: rgb(var(--color-surface-600) / 1);
}

.dark .ring-surface-400-500-token {
  --tw-ring-color: rgb(var(--color-surface-500) / 1);
}

.dark .ring-surface-900-50-token {
  --tw-ring-color: rgb(var(--color-surface-50) / 1);
}

.dark .ring-surface-800-100-token {
  --tw-ring-color: rgb(var(--color-surface-100) / 1);
}

.dark .ring-surface-700-200-token {
  --tw-ring-color: rgb(var(--color-surface-200) / 1);
}

.dark .ring-surface-600-300-token {
  --tw-ring-color: rgb(var(--color-surface-300) / 1);
}

.dark .ring-surface-500-400-token {
  --tw-ring-color: rgb(var(--color-surface-400) / 1);
}

.\[key\:string\] {
  key: string;
}

.hover\:variant-soft-primary:hover {
  background-color: rgb(var(--color-primary-400) / 0.2);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  color: rgb(var(--color-primary-700));
}

.dark .hover\:variant-soft-primary:hover {
  color: rgb(var(--color-primary-200));
}

.hover\:variant-soft-primary:hover:is(.dark *) {
  background-color: rgb(var(--color-primary-500) / 0.2);
}

.hover\:variant-soft:hover {
  background-color: rgb(var(--color-surface-400) / 0.2);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  color: rgb(var(--color-surface-700));
}

.dark .hover\:variant-soft:hover {
  color: rgb(var(--color-surface-200));
}

.hover\:variant-soft:hover:is(.dark *) {
  background-color: rgb(var(--color-surface-500) / 0.2);
}

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

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-surface-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-600) / var(--tw-bg-opacity, 1));
}

.hover\:bg-warning-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-700) / var(--tw-bg-opacity, 1));
}

.hover\:text-yellow-500:hover {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.hover\:brightness-\[105\%\]:hover {
  --tw-brightness: brightness(105%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:bg-primary-hover-token:hover:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.dark .hover\:bg-primary-hover-token:hover:hover {
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.focus\:bg-primary-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1));
}

.focus\:bg-slate-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.focus\:bg-warning-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-700) / var(--tw-bg-opacity, 1));
}

.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-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1));
}

.active\:bg-primary-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-900) / var(--tw-bg-opacity, 1));
}

.active\:bg-secondary-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-900) / var(--tw-bg-opacity, 1));
}

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

.active\:bg-warning-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-900) / var(--tw-bg-opacity, 1));
}

.disabled\:\!opacity-0:disabled {
  opacity: 0 !important;
}

.group:hover .group-hover\:shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:bg-surface-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-300) / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-700) / var(--tw-bg-opacity, 1));
}

.dark\:stroke-surface-50:is(.dark *) {
  stroke: rgb(var(--color-surface-50) / 1);
}

.dark\:accent-surface-50:is(.dark *) {
  accent-color: rgb(var(--color-surface-50) / 1);
}

.dark\:hover\:brightness-110:hover:is(.dark *) {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (min-width: 768px) {

  .md\:w-auto {
    width: auto;
  }

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

  .md\: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)));
  }

  .md\: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));
  }
}

/* === OPTIONAL STYLESHEETS === */

/* Core Styles */

/* Stylesheet: core.css */

/* Typography Settings */

/* Stylesheet: typography.css */

/*
This represents the ON-BY-DEFAULT typography styles.
IMPORTANT: take care to maintain parity with typography-next.css!
*/

/* DEPRECATED: 'partials/typography-prose.css' must now be imported directly */

/* === REQUIRED STYLESHEETS === */

/* Imports all Tailwind Elements */

/* Stylesheet: elements.css */

/* Import AFTER your theme, but BEFORE your global stylesheet. */

/* Recommended as the LAST stylesheet in the set */

/* Tailwind Elements: alerts.css */

/* Tailwind Elements: badges.css */

/* Tailwind Elements: breadcrumbs.css */

/* Tailwind Elements: button.css */

/* Tailwind Elements: cards.css */

/* Elements: codeblocks.css */

/* Tailwind Elements: chips.css */

/* Stylesheet: forms.css */

/* Tailwind Elements: button.css */

/* Tailwind Elements: logo-clouds.css */

/* Tailwind Elements: placeholders.css */

/* Elements: tables.css */

/* Utilities */

/* Tailwind Elements: modals.css */

/* === Modal (helpers) === */

.w-modal-slim {
  width: 100%;
  max-width: 400px;
}

.w-modal {
  width: 100%;
  max-width: 640px;
}

.w-modal-wide {
  width: 100%;
  max-width: 80%;
}

/* Tailwind Elements: popups.css */

/* === Popup === */

[data-popup] {
	/* https://floating-ui.com/docs/computeposition#usage */
	position: absolute;
	top: 0px;
	left: 0px;
	/* Set hidden on page load */
	display: none;
	/* Transitions */
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

[data-popup] .arrow {
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Imports all Variant Styles */

/* === Variants === */

/* A canned set of reusable variant styles. */
.animIndeterminate.svelte-l4u953{transform-origin:0% 50%;animation:svelte-l4u953-animIndeterminate 2s infinite linear}@keyframes svelte-l4u953-animIndeterminate{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(0.4)}100%{transform:translateX(100%) scaleX(0.5)}}.drawer.svelte-12117le.svelte-12117le{position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1;transition:z-index var(--duration) step-end;pointer-events:none}.drawer.open.svelte-12117le.svelte-12117le{z-index:99;transition:z-index var(--duration) step-start}.overlay.svelte-12117le.svelte-12117le{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(100, 100, 100, 0.5);opacity:0;z-index:2;transition:opacity var(--duration) ease;pointer-events:auto}.drawer.open.svelte-12117le .overlay.svelte-12117le{opacity:1}.panel.svelte-12117le.svelte-12117le{position:fixed;width:100%;height:100%;background:white;z-index:3;transition:transform var(--duration) ease;overflow:auto;pointer-events:auto}.panel.left.svelte-12117le.svelte-12117le{left:0;transform:translate(-100%, 0)}.panel.right.svelte-12117le.svelte-12117le{right:0;transform:translate(100%, 0)}.panel.top.svelte-12117le.svelte-12117le{top:0;transform:translate(0, -100%)}.panel.bottom.svelte-12117le.svelte-12117le{bottom:0;transform:translate(0, 100%)}.panel.left.size.svelte-12117le.svelte-12117le,.panel.right.size.svelte-12117le.svelte-12117le{max-width:var(--size)}.panel.top.size.svelte-12117le.svelte-12117le,.panel.bottom.size.svelte-12117le.svelte-12117le{max-height:var(--size)}.drawer.open.svelte-12117le .panel.svelte-12117le{transform:translate(0, 0)}input.svelte-tdygii{background:white;font-size:inherit;color:inherit;font-weight:inherit;text-align:inherit;box-shadow:none;box-sizing:content-box;border-radius:2px;padding-right:2px;width:100%;height:100%;border:none}.edit-box.svelte-tdygii{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-grow:1}input[type="number"].svelte-tdygii::-webkit-outer-spin-button,input[type="number"].svelte-tdygii::-webkit-inner-spin-button{-webkit-appearance:none}.slider-label.svelte-1b1g1az{width:100px;text-align:left}.number-box.svelte-1b1g1az{width:30px;height:20px;display:inline-block;text-align:right}.slider-label.svelte-1b1g1az{width:100px;text-align:left}.number-box.svelte-1b1g1az{width:30px;height:20px;display:inline-block;text-align:right}.drawer-content.svelte-dtezbm{width:350px;height:100%;display:flex;flex-direction:column;padding:8px;gap:2px;overflow-x:hidden;overflow-y:auto}.drawer-outer.svelte-dtezbm .drawer .panel{background-color:rgb(var(--color-surface-100))}summary.svelte-dtezbm{font-family:'源暎エムゴ';font-size:18px;margin-bottom:8px}.section.svelte-dtezbm{margin-left:32px;margin-right:16px;margin-bottom:16px;display:flex;flex-direction:column;align-items:start;gap:4px}h2.svelte-dtezbm{font-family:'源暎エムゴ';font-size:16px;line-height:normal;margin-left:-16px}.paper-size.svelte-dtezbm{height:20px}.radio-text.svelte-dtezbm{height:10px}.radio-box.svelte-dtezbm{height:35px}.radio-box.svelte-dtezbm .radio-item{padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px}.canvas-container.svelte-axs4b1{background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
                      linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);background-size:20px 20px;background-position:0 0, 10px 10px;background-color:white;width:100%;height:100%}canvas.svelte-axs4b1{position:absolute;top:0;left:0;touch-action:none}.entry.svelte-ynyvlv{width:100%;height:24px;display:flex;flex-direction:row;justify-content:space-between}.label.svelte-ynyvlv{text-align:left}.number-box.svelte-ynyvlv{width:50px;height:20px;display:inline-block;vertical-align:bottom;color:#000}.parameter-box.svelte-1lpeezz{display:flex;gap:8px;align-items:center}.color-label.svelte-1uwh898{display:inline-block;width:100%;height:100%}.background.svelte-1uwh898{position:relative;width:100%;height:100%;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
                      linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);background-size:20px 20px;background-position:0 0, 10px 10px;background-color:white;border-radius:4px}.foreground.svelte-1uwh898{width:100%;height:100%;border-radius:4px}.color-label.svelte-1sqyz5k{width:40px;height:15px}.drawer-content.svelte-x5ri98{width:350px;display:flex;flex-direction:column;padding:8px;gap:2px}.drawer-outer.svelte-x5ri98 .drawer .panel{background-color:rgb(var(--color-surface-100))}.parameter-box.svelte-x5ri98{display:flex;gap:8px;align-items:center}.main-paper-container.svelte-1mh15kw{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.caption.svelte-fld0gn{font-family:'源暎アンチック';font-size:16px}.tooltip-container.svelte-1e0xxjt{position:absolute;pointer-events:none;opacity:0;transition:opacity 0.2s;font-family:"Noto Sans JP", sans-serif;font-size:18px;font-weight:900;color:#000;z-index:9999;padding:8px}.upper.svelte-1e0xxjt{transform:translate(-50%, -100%)}.lower.svelte-1e0xxjt{transform:translate(-50%, 0)}.tooltip-container.active.svelte-1e0xxjt{opacity:1}.tooltip.svelte-1e0xxjt{white-space:pre}h2.svelte-1n1d9kq.svelte-1n1d9kq{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}h3.svelte-1n1d9kq.svelte-1n1d9kq{font-family:'源暎エムゴ';font-size:18px;margin-top:8px}p.svelte-1n1d9kq.svelte-1n1d9kq{font-family:'源暎アンチック';margin-left:32px}dt.svelte-1n1d9kq.svelte-1n1d9kq{font-weight:700;margin-top:8px;margin-left:16px}dd.svelte-1n1d9kq.svelte-1n1d9kq{margin-left:32px}ul.svelte-1n1d9kq.svelte-1n1d9kq{margin-left:32px}ol.svelte-1n1d9kq.svelte-1n1d9kq{margin-left:32px}ol.svelte-1n1d9kq li.svelte-1n1d9kq{list-style-type:none;counter-increment:cnt}ol.svelte-1n1d9kq li.svelte-1n1d9kq::before{content:counter(cnt)". "}.comic-link.svelte-1n1d9kq.svelte-1n1d9kq{cursor:pointer;text-decoration:underline;color:#0000ff}.inline-elements.svelte-1n1d9kq .svelte-1n1d9kq{display:inline-block;vertical-align:middle}h2.svelte-1dj4gis.svelte-1dj4gis{font-family:'Yu Gothic', sans-serif;font-size:24px;margin-top:16px;font-weight:600}h3.svelte-1dj4gis.svelte-1dj4gis{font-family:'Yu Gothic', sans-serif;font-size:18px;margin-top:8px;font-weight:500}p.svelte-1dj4gis.svelte-1dj4gis{font-family:'Yu Gothic', sans-serif;margin-left:32px}dt.svelte-1dj4gis.svelte-1dj4gis{font-weight:700;margin-top:8px;margin-left:16px}dd.svelte-1dj4gis.svelte-1dj4gis{margin-left:32px}ul.svelte-1dj4gis.svelte-1dj4gis{margin-left:32px}ol.svelte-1dj4gis.svelte-1dj4gis{margin-left:32px}ol.svelte-1dj4gis li.svelte-1dj4gis{list-style-type:none;counter-increment:cnt}ol.svelte-1dj4gis li.svelte-1dj4gis::before{content:counter(cnt)". "}.comic-link.svelte-1dj4gis.svelte-1dj4gis{cursor:pointer;text-decoration:underline;color:#0000ff}.inline-elements.svelte-1dj4gis .svelte-1dj4gis{display:inline-block;vertical-align:middle}.drawer-content.svelte-1d99d1r{width:100%;height:100%;font-family:'Yu Gothic', sans-serif;font-weight:500;text-align:left;padding:16px;overflow-y:auto}.drawer-outer.svelte-1d99d1r .drawer .panel{background-color:rgb(var(--color-surface-100))}h1.svelte-ae4pe6{font-size:1.2rem;font-weight:500}.drawer-content.svelte-ae4pe6{width:100%;height:100%;padding:16px}.drawer-outer.svelte-ae4pe6 .drawer .panel{background-color:rgb(var(--color-surface-100))}.paper-color-picker.svelte-ae4pe6 .container .color{width:80px;height:15px;border-radius:4px}.paper-color-picker.svelte-ae4pe6 .container .alpha{width:80px;height:15px;border-radius:4px}.color-label.svelte-ae4pe6{width:50px;height:20px;margin-left:4px;margin-right:4px}.list.svelte-o4ab5n{width:100%;color:black;position:relative}.list-item.svelte-o4ab5n{display:flex;flex-direction:row;align-items:center;gap:10px}.label.svelte-o4ab5n{width:60px;text-align:left;font-size:14px}.row.svelte-o4ab5n{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px}.number-box.svelte-o4ab5n{width:30px;height:20px;display:inline-block;text-align:right;font-size:12px}.color-label.svelte-o4ab5n .color-picker{width:30px}h1.svelte-o4ab5n{font-family:'源暎エムゴ';font-size:16px}.label.svelte-o4ab5n{font-family:'源暎エムゴ';font-size:14px}.delete-icon.svelte-o4ab5n{position:absolute;right:0;top:0;width:16px;height:16px}.color-label.svelte-o4ab5n{width:30px;height:20px;margin-left:4px;margin-right:4px}.popup.svelte-123d6m1{position:fixed;z-index:1000;background:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);min-width:150px;animation:svelte-123d6m1-fadeIn 0.2s ease-out}@keyframes svelte-123d6m1-fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.frame.svelte-1v49wdo{width:100%;height:100%;position:relative;border:2px solid transparent;box-sizing:border-box;overflow:hidden;background-color:rgba(0, 0, 0, 0.1)}.loading-container.svelte-1v49wdo{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-spinner.svelte-1v49wdo{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:svelte-1v49wdo-spin 1s linear infinite}@keyframes svelte-1v49wdo-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.media-frame.svelte-12r5pv0{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.media-element.svelte-12r5pv0{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.film.svelte-vh80dg{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.barrier-icon.svelte-vh80dg{position:absolute;left:40px;top:4px;width:32px;height:32px;z-index:2;cursor:pointer;filter:opacity(0.7)}.barrier-transformix-row.svelte-vh80dg{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.barrier-toggle-area.svelte-vh80dg{display:flex;flex-direction:column;align-items:center;margin-right:8px;min-width:70px}.barrier-title.svelte-vh80dg{font-size:13px;font-weight:bold;color:#333;margin-bottom:4px;letter-spacing:0.1em;text-align:center;opacity:0.8}.barrier-toggle-layout.svelte-vh80dg{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;margin-right:0}.barrier-updown-group.svelte-vh80dg{display:flex;flex-direction:column;align-items:center;gap:2px}.barrier-toggle.svelte-vh80dg{width:28px;height:28px;font-size:18px;border-radius:6px;border:1.5px solid #888;background:#eee;color:#333;cursor:pointer;opacity:0.5;transition:background 0.2s, opacity 0.2s;margin-bottom:2px;padding:0;outline:none}.barrier-toggle.on.svelte-vh80dg{background:#1976d2;color:#fff;opacity:1;border-color:#1976d2}.barrier-toggle.off.svelte-vh80dg{background:#fff !important;color:#bbb;opacity:1;border-color:#ddd;box-shadow:0 0 0 1.5px #eee}.barrier-toggle.svelte-vh80dg:active{filter:brightness(0.9)}.image-panel.svelte-vh80dg{width:100%;height:100px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;position:relative}.media-container.svelte-vh80dg{width:100%;height:100%}.effect-panel.svelte-vh80dg{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;padding:8px;padding-left:64px}.effect-item.svelte-vh80dg{width:100%}.new-film.svelte-vh80dg{font-size:60px;display:flex;justify-content:center;align-items:center;width:100%;height:60px;color:black}.trash-icon.svelte-vh80dg{position:absolute;top:4px;right:4px;width:32px;height:32px}.visible-icon.svelte-vh80dg{position:absolute;left:4px;top:4px;width:32px;height:32px}.visible-icon.off.svelte-vh80dg{filter:opacity(0.3)}.effect-icon.svelte-vh80dg{position:absolute;left:4px;bottom:4px;width:32px;height:32px;filter:opacity(25%)}.effect-icon.active.svelte-vh80dg{filter:opacity(100%)}.transformix-icon.svelte-vh80dg{position:absolute;right:4px;bottom:4px;width:32px;height:32px}.transformix-item.svelte-vh80dg{width:32px;height:32px}.transformix-grid.svelte-vh80dg{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;padding:4px}.ghost-element.svelte-12uhg79{height:20px;background-color:#007bff;margin:5px 0}.listbox{gap:16px}.drawer-content.svelte-1ise8sk{width:350px;display:flex;flex-direction:column;padding:8px;gap:2px}.drawer-outer.svelte-1ise8sk .drawer .panel{background-color:rgb(var(--color-surface-100))}h2.svelte-1ise8sk{font-family:'源暎エムゴ';font-size:16px;line-height:normal}.hbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.hbox.left {justify-content: flex-start;}
.hbox.right {justify-content: flex-end;}
.hbox.center {justify-content: center;}
.hbox.space-around {justify-content: space-around;}
.hbox.top {align-items: start;}
.hbox.bottom {align-items: end;}
.hbox.vcenter { align-items: center; }
.hbox.gap {gap: 12px;}
.hbox.stretch-child {align-items: stretch;}
.hbox .expand {align-self: stretch;}
.hbox .grow {flex-grow: 1;}

.vbox {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vbox.top {justify-content: flex-start;}
.vbox.bottom {justify-content: flex-end;}
.vbox.center {justify-content: center;}
.vbox.left {align-items: start;}
.vbox.right {align-items: end;}
.vbox.hcenter { align-items: center; }
.vbox.gap {gap: 12px;}
.vbox.stretch-child {align-items: stretch;}
.vbox.space-around {justify-content: space-around;}
.vbox .expand {align-self: stretch;}
.vbox .grow {flex-grow: 1;}.canvas-container.svelte-18vl9oc{position:relative;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
                      linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);background-size:20px 20px;background-position:0 0, 10px 10px;background-color:white}canvas.svelte-18vl9oc{position:absolute;top:0;left:0;cursor:pointer}.caption.svelte-18vl9oc{position:absolute;font-size:12px;color:rgb(8, 7, 75);bottom:0;width:100%;text-align:center;-webkit-text-stroke:0.4px #ddd;font-family:'源暎エムゴ';height:18px}.container.svelte-xjnq4{width:100%}.row.svelte-xjnq4{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px}.label.svelte-xjnq4{width:90px;text-align:left;font-size:14px}.number-box.svelte-xjnq4{width:30px;height:20px;display:inline-block;text-align:right;font-size:12px}.color-label.svelte-xjnq4{width:30px;height:16px;margin-left:4px;margin-right:4px}.drawer-content.svelte-1d6ua9n{width:350px;height:100%;display:flex;flex-direction:column;padding:8px;gap:2px;overflow-x:hidden;overflow-y:auto}.drawer-outer.svelte-1d6ua9n .drawer .panel{background-color:rgb(var(--color-surface-100))}.textarea.svelte-1d6ua9n{align-self:stretch;outline:none;padding:0.5rem;box-sizing:border-box;line-height:1.1;resize:none;height:120px}.number-box.svelte-1d6ua9n{width:30px;height:20px;display:inline-block;text-align:right;font-size:12px}.selected-font.svelte-1d6ua9n:hover{color:rgb(128, 93, 47)}.direction-item.svelte-1d6ua9n{width:12px;height:12px}.direction.svelte-1d6ua9n .radio-item{padding-left:8px;padding-right:8px}.embed-item.svelte-1d6ua9n{width:12px;height:12px}.embed.svelte-1d6ua9n .radio-item{padding-left:8px;padding-right:8px}.embed.svelte-1d6ua9n{margin-left:8px}.color-label.svelte-1d6ua9n{width:30px;height:20px;margin-left:4px;margin-right:4px}h1.svelte-1d6ua9n{font-family:'源暎エムゴ';font-size:18px;margin-bottom:8px}h2.svelte-1d6ua9n{font-family:'源暎エムゴ';font-size:16px;line-height:normal}.section.svelte-1d6ua9n{margin-left:16px;margin-bottom:16px;display:flex;flex-direction:column;align-items:start;gap:4px}summary.svelte-1d6ua9n{font-family:'源暎エムゴ';font-size:18px;margin-bottom:8px}.label.svelte-1d6ua9n{font-size:14px}.page-container.svelte-1vqtdsh{width:100%;height:100%;position:relative}img.svelte-1vqtdsh{width:840px;height:1188px}.back-button.svelte-1vqtdsh{position:absolute;bottom:8px;right:8px;z-index:1;cursor:pointer;color:#fff;width:160px}.page-container.svelte-xpdv4c{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.box.svelte-xpdv4c{background-color:#fff;width:800px;height:95%;overflow-y:auto}.verbatim.svelte-xpdv4c{white-space:pre-line;text-align:left;padding:16px}.back-button.svelte-xpdv4c{margin-top:16px;bottom:8px;right:8px;z-index:1;cursor:pointer;color:#fff;width:160px}div.svelte-96phcm{display:flex;justify-content:center;align-items:center}div.svelte-96phcm:hover{background-color:rgb(128, 93, 47)}.drawer-outer.svelte-15vsqpy .drawer .panel{background-color:rgb(var(--color-surface-100));padding:8px}.drawer-content.svelte-15vsqpy.svelte-15vsqpy{position:relative}.drawer-page-right.svelte-15vsqpy.svelte-15vsqpy{position:absolute;right:16px;top:16px}.drawer-page-left.svelte-15vsqpy.svelte-15vsqpy{position:absolute;left:16px;top:16px}.custom-font-panel.svelte-15vsqpy.svelte-15vsqpy{display:flex;flex-direction:column;gap:32px;align-items:center;padding:32px}.font-sample.svelte-15vsqpy.svelte-15vsqpy{font-size:22px;cursor:pointer}.font-sample.svelte-15vsqpy img.svelte-15vsqpy{margin-left:8px;cursor:pointer}h1.svelte-15vsqpy.svelte-15vsqpy{font-family:'源暎エムゴ';font-size:32px}.edit-box.svelte-z6po53{display:flex;align-items:center;justify-content:flex-start}.editable.svelte-z6po53{background:#fff0;box-shadow:none;box-sizing:content-box;border-radius:2px;padding-left:2px;border:none;min-height:1em;line-height:1}.editable.svelte-z6po53:focus{z-index:1}.canvas-container.svelte-1jmlhz2{position:relative;background-image:linear-gradient(45deg, #b9c 25%, transparent 25%, transparent 75%, #b9c 75%, #b9c),
                      linear-gradient(45deg, #b9c 25%, transparent 25%, transparent 75%, #b9c 75%, #b9c);background-size:20px 20px;background-position:0 0, 10px 10px;background-color:white}canvas.svelte-1jmlhz2{position:absolute;top:0;left:0;cursor:pointer}.trash.svelte-1jmlhz2{position:absolute;top:0;right:0;width:24px;height:24px;cursor:pointer}.caption.svelte-1jmlhz2{position:absolute;font-size:12px;color:rgb(8, 7, 75);bottom:0;width:100%;-webkit-text-stroke:0.4px #ddd;font-family:'源暎エムゴ';height:18px;display:flex;align-items:flex-end;justify-content:center}.drawer-outer.svelte-1ndkraz .drawer .panel{background-color:rgb(var(--color-surface-100))}.drawer-content.svelte-1ndkraz{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin:16px}.frame.svelte-1pg1gho{width:100%;height:100%;position:relative;border:2px solid transparent;box-sizing:border-box;overflow:hidden}.selected.svelte-1pg1gho{border-color:blue}.media-container.svelte-1pg1gho{width:100%;height:100%}.delete-button.svelte-1pg1gho{position:absolute;top:4px;right:4px;cursor:pointer;width:20px;height:20px;filter:drop-shadow(0 0 2px black)}.reference-button.svelte-1pg1gho{position:absolute;bottom:4px;left:4px;cursor:pointer;width:20px;height:20px;filter:drop-shadow(0 0 2px black)}.telescope-button.svelte-1pg1gho{position:absolute;top:4px;left:4px;z-index:1;cursor:pointer;width:20px;height:20px;filter:drop-shadow(0 0 2px black)}.duration-label.svelte-1pg1gho{position:absolute;bottom:4px;right:4px;background:rgba(0, 0, 0, 0.6);color:white;padding:2px 4px;border-radius:2px;font-size:0.8em}.gallery.svelte-1igr6vx{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.drawer-content.svelte-1avurn3{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:16px}textarea.svelte-1avurn3{align-self:stretch}.generate-button.svelte-1avurn3{width:160px}.drawer-content.svelte-10tmiy7{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:16px}textarea.svelte-10tmiy7{align-self:stretch}input.svelte-10tmiy7{width:450px}.generate-button.svelte-10tmiy7{width:160px}.caption.svelte-697mcq{font-family:'源暎アンチック';font-size:18px}.image-outline.svelte-697mcq{filter:drop-shadow(0.5px 0 0 #fff8)
            drop-shadow(-0.5px 0 0 #fff8)
            drop-shadow(0 0.5px 0 #fff8)
            drop-shadow(0 -0.5px 0 #fff8)}.custom-select-container.svelte-yaucyk.svelte-yaucyk{position:relative;display:inline-block;width:300px;font-family:'源暎アンチック'}.select-display.svelte-yaucyk.svelte-yaucyk{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border:2px solid var(--color-surface-400, #94a3b8);border-radius:0.25rem;background-color:white;cursor:pointer;position:relative;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.select-display.svelte-yaucyk.svelte-yaucyk:hover{background-color:var(--color-surface-300, #cbd5e1);border-color:var(--color-primary-500, #3b82f6);box-shadow:0 2px 4px rgba(0, 0, 0, 0.15)}.select-display.svelte-yaucyk.svelte-yaucyk::after{content:"";width:0.5rem;height:0.5rem;border-right:2px solid var(--color-surface-600, #475569);border-bottom:2px solid var(--color-surface-600, #475569);position:absolute;right:0.75rem;top:calc(50% - 0.4rem);transform:rotate(45deg);pointer-events:none;transition:transform 0.2s ease}.custom-select-container.svelte-yaucyk:hover .select-display.svelte-yaucyk::after{border-color:var(--color-primary-500, #3b82f6)}.options-container.svelte-yaucyk.svelte-yaucyk{position:absolute;top:100%;left:0;width:100%;max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;background-color:white;border:1px solid var(--color-surface-400, #94a3b8);border-radius:0.25rem;z-index:10;margin-top:0.25rem;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1)}.option-item.svelte-yaucyk.svelte-yaucyk{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;cursor:pointer;transition:background-color 0.15s ease}.option-item.svelte-yaucyk.svelte-yaucyk:hover{background-color:#e0f2fe}.option-item.selected.svelte-yaucyk.svelte-yaucyk{background-color:#bae6fd;font-weight:500}.option-item.selected.svelte-yaucyk.svelte-yaucyk:hover{background-color:#e0f2fe}.comment.svelte-yaucyk.svelte-yaucyk{font-family:'源暎アンチック';font-size:12px;margin-top:-8px;width:100%;text-align:center}.drawer-content.svelte-3wh292.svelte-3wh292{display:flex;flex-direction:column;align-items:flex-start;margin:16px}textarea.svelte-3wh292.svelte-3wh292{align-self:stretch}.generate-button.svelte-3wh292.svelte-3wh292{width:160px}.warning.svelte-3wh292.svelte-3wh292{color:#d22}h2.svelte-3wh292.svelte-3wh292{font-family:'源暎エムゴ';font-size:18px;display:flex;align-items:center;margin-top:8px}.textarea-container.svelte-3wh292.svelte-3wh292{position:relative;width:100%}.icon-container.svelte-3wh292.svelte-3wh292{position:absolute;right:16px;top:-30px}.icon-container.svelte-3wh292 img.svelte-3wh292{width:24px;height:24px}p.svelte-3wh292.svelte-3wh292{font-family:'源暎アンチック'}.drawer-content.svelte-ff29ic{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:16px}.generate-button.svelte-ff29ic{width:160px}.color-label.svelte-ff29ic{width:30px;height:20px;margin-left:4px;margin-right:4px}.drawer-outer.svelte-1g1wf3m .drawer .panel{background-color:rgb(var(--color-surface-100))}.tab.svelte-1g1wf3m{display:flex;align-items:center;gap:5px}.drop-zone.svelte-iidwi7{position:absolute;top:-50%;left:0;right:0;width:100%;height:105%;z-index:1;display:none}.drop-zone.acceptable.svelte-iidwi7{display:block}.insert-line.svelte-iidwi7{position:absolute;top:50%;left:0;right:0;height:1px;background-color:black;transform:translateY(-50%);opacity:0;pointer-events:none}.dragging.svelte-iidwi7{opacity:1}.file.svelte-1bvp2gn{width:100%;display:flex;flex-direction:row;align-items:center;position:relative;border:2px solid transparent}.file.svelte-1bvp2gn:hover{background-color:#fff4}.file-title.svelte-1bvp2gn{font-size:16px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;width:100%;height:24px}.button-container.svelte-1bvp2gn{width:20px;min-width:20px;height:16px;display:flex;gap:4px}.button.svelte-1bvp2gn{width:16px;height:16px;display:inline}.loaded.svelte-1bvp2gn{background-color:#f8f4;border-radius:8px}.selected.svelte-1bvp2gn{border-color:#4a90e2}.tail.svelte-tb9hro{position:relative;height:0px}.tail-inner.svelte-tb9hro{position:absolute;width:100%;height:20px}.folder.svelte-1hi78aa{text-align:left}.folder-title-line.svelte-1hi78aa{display:flex;flex-direction:row;align-items:center;height:24px;margin-right:2px;position:relative}.folder-title-line.svelte-1hi78aa:hover{background-color:#fff4}.folder-title.svelte-1hi78aa{font-size:16px;display:flex;flex-direction:row;align-items:center;font-family:'Zen Maru Gothic';font-weight:700;font-style:normal;width:100%;height:20px;margin-left:4px}.foldername.svelte-1hi78aa{background:rgb(221, 235, 189);border-radius:8px;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;display:flex;flex-direction:row;margin-right:8px}.folder-contents.svelte-1hi78aa{padding-left:16px;box-sizing:border-box}.folder-contents.acceptable.svelte-1hi78aa{background-color:#ee84;box-shadow:0 0 0 2px #444 inset}.buttons.svelte-1hi78aa{gap:0px}.button-container.svelte-1hi78aa{width:20px;min-width:20px;height:16px;display:flex;gap:4px}.button.svelte-1hi78aa{width:16px;height:16px;display:inline}.no-select.svelte-1hi78aa{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.drawer-outer.svelte-vlguuj .drawer .panel{background-color:rgb(var(--color-surface-100))}p.svelte-vlguuj{font-family:'源暎アンチック';font-size:14px;margin-left:32px;margin-right:16px;margin-bottom:8px}h2.svelte-vlguuj{font-family:'源暎エムゴ';font-size:24px;margin-top:16px;margin-left:8px}h3.svelte-vlguuj{font-family:'源暎エムゴ';font-size:20px;margin-left:24px}.cabinet.svelte-vlguuj{margin-left:12px;margin-right:12px;margin-bottom:12px}.open-button.svelte-12q44yx{pointer-events:auto;position:absolute;width:120px;height:120px;@media (max-width: 640px), (max-height: 800px) {
      width: 80px;
      height: 80px;
    }}img.svelte-12q44yx{width:80%;height:80%}input.svelte-ue5rkb{width:300px;font-size:15px;padding-left:8px;padding-right:8px}h3.svelte-ue5rkb{font-family:'源暎エムゴ';font-weight:500;font-size:20px}.textarea-style.svelte-ue5rkb{font-size:16px;font-weight:700;font-family:'源暎アンチック';border-radius:2px;padding-left:8px;padding-right:8px}h3.svelte-fsm18k{font-family:'源暎エムゴ';font-weight:500;font-size:20px}.textarea-style.svelte-fsm18k{font-size:16px;font-weight:700;font-family:'源暎アンチック';border-radius:2px;padding-left:8px;padding-right:8px}h2.svelte-142jaim{font-family:'源暎エムゴ';font-weight:500;font-size:24px}.drawer-content.svelte-j5yri0{font-family:'源暎エムゴ';background-color:rgb(var(--color-surface-100));height:100%}.tab.svelte-j5yri0{display:flex;flex-direction:row}.common.svelte-j5yri0{font-weight:500;font-size:24px;text-align:center}.content.svelte-j5yri0{width:100%;height:100%;font-family:'Yu Gothic', sans-serif;font-weight:500;font-size:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.progress-container.svelte-j5yri0{width:600px;height:100%;align-self:center}.page-container.svelte-19zomlo{width:95svw;height:95svh;display:flex;flex-direction:column;align-items:center}.box.svelte-19zomlo{background-color:#fff;width:800px;height:95%;overflow-y:auto}.back-button.svelte-19zomlo{margin-top:16px;bottom:8px;right:8px;z-index:1;cursor:pointer;color:#fff;width:160px}.modal.svelte-1mqmqg5{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000}.modal.svelte-ohzzin{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000}.content.svelte-ohzzin{width:400px}.open-button.svelte-4g4ueg{pointer-events:auto;position:absolute;width:80px;height:80px;bottom:20px;left:160px}img.svelte-4g4ueg{width:80%;height:80%}.open-button.svelte-oew9ne{pointer-events:auto;position:absolute;width:80px;height:80px;bottom:20px;right:160px;@media (max-width: 640px), (max-height: 800px) {
      right: 100px;
      width: 60px;
      height: 60px;
      bottom: 10px;
    }}img.svelte-oew9ne{width:80%;height:80%}.slider-container.svelte-oew9ne{position:absolute;bottom:20px;right:260px;width:250px;background-color:rgba(240, 240, 240, 0.95);border-radius:8px;padding:15px 20px;pointer-events:auto;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3);@media (max-width: 640px), (max-height: 800px) {
      right: 170px;
      width: 200px;
      bottom: 10px;
      padding: 10px 15px;
    }}ul.svelte-lpof6g{margin:0;list-style:none;padding-left:1.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-arrow.svelte-lpof6g{padding-left:1.0rem}.arrow.svelte-lpof6g{cursor:pointer;display:inline-block}.arrowDown.svelte-lpof6g{transform:rotate(90deg)}.drawer-content.svelte-14bq5jq{width:100%;height:100%;font-family:'Yu Gothic', sans-serif;font-weight:500;text-align:left;padding-top:16px;padding-left:16px}.drawer-outer.svelte-14bq5jq .drawer .panel{background-color:rgb(var(--color-surface-100))}.dropzone.svelte-w9qmk0{width:100%;height:100%;min-height:200px;overflow:auto;transition:all 0.2s;border-radius:4px;position:relative;flex:1}.dropzone.drag-over{background-color:rgba(0, 123, 255, 0.15) !important;outline:3px dashed rgba(0, 123, 255, 0.6) !important;outline-offset:-3px !important;z-index:10 !important}.empty-state.svelte-w9qmk0{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%;height:100%}.empty-message.svelte-w9qmk0{color:rgb(var(--color-surface-600));font-size:16px;font-family:'源暎エムゴ';text-align:center;padding:20px}.gallery-content.svelte-b62j54{width:100%;display:flex}.drawer-outer.svelte-1tl0s80 .drawer .panel{background-color:rgb(var(--color-surface-100));padding:16px;display:flex;flex-direction:column;height:100%}.content-container.svelte-1tl0s80.svelte-1tl0s80{display:flex;flex-direction:column;height:100%;padding:16px}.accordion-item{margin-top:-8px}.accordion-content.svelte-1tl0s80.svelte-1tl0s80{min-height:200px;overflow:visible;display:flex;flex-direction:column}h2.svelte-1tl0s80.svelte-1tl0s80{font-family:'源暎エムゴ';font-size:1.2rem;color:#666;margin:0}h3.svelte-1tl0s80.svelte-1tl0s80{font-family:'源暎エムゴ';font-size:1.4rem;color:#444;margin:0}.accordion-item{background:none;border:none}.collection-header.svelte-1tl0s80.svelte-1tl0s80{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px}.folder-header.svelte-1tl0s80.svelte-1tl0s80{display:flex;justify-content:space-between;align-items:center;width:100%}.folder-header.svelte-1tl0s80 button.svelte-1tl0s80{margin-left:auto}.folder-actions.svelte-1tl0s80.svelte-1tl0s80{display:flex;gap:8px;margin-left:auto}.folder-name.svelte-1tl0s80.svelte-1tl0s80{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.folder-name.svelte-1tl0s80.svelte-1tl0s80:hover{text-decoration:underline;text-decoration-style:dotted}.folder-name-input.svelte-1tl0s80.svelte-1tl0s80{font-family:'源映エムゴ';font-size:1.2rem;color:#666;background:white;border:1px solid #ccc;border-radius:4px;padding:2px 8px;margin:-2px 0;outline:none}.folder-name-input.svelte-1tl0s80.svelte-1tl0s80:focus{border-color:#007bff}.icon-button.svelte-1tl0s80.svelte-1tl0s80{background:none;border:none;padding:2px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.icon-button.svelte-1tl0s80.svelte-1tl0s80:hover{background-color:rgba(0, 0, 0, 0.1)}.icon.svelte-1tl0s80.svelte-1tl0s80{width:16px;height:16px;display:block}.collection-add-button.svelte-1tl0s80.svelte-1tl0s80{display:flex;align-items:center;gap:8px;font-family:'源映エムゴ';font-size:14px}.button-icon.svelte-1tl0s80.svelte-1tl0s80{width:16px;height:16px;display:block}.header-controls.svelte-1tl0s80.svelte-1tl0s80{display:flex;align-items:center;gap:16px}.header-controls.svelte-1tl0s80 .slide-toggle{margin:0}.header-controls.svelte-1tl0s80 .slide-toggle label{font-family:'源映エムゴ';font-size:14px;color:#666}.bubblet-container.svelte-11c5ubz{position:relative;width:80%;padding:6px}.bubblet.svelte-11c5ubz{color:var(--color-primary-50);font-family:'Zen Kurenaido';word-wrap:break-word;width:100%;height:150px;border:none;resize:none;overflow:auto;white-space:pre-wrap;outline:none;box-shadow:none}.drawer-content.svelte-9q9hz8{width:100%;font-family:'Yu Gothic', sans-serif;font-weight:500;text-align:left;padding-top:16px;padding-left:16px;display:flex;flex-direction:column;gap:8px;outline:none}.drawer-content.svelte-9q9hz8:focus{outline:2px solid rgba(var(--color-primary-500), 0.2);outline-offset:-2px}.drawer-outer.svelte-9q9hz8 .drawer .panel{background-color:rgb(var(--color-surface-100))}.entry.svelte-snf31w{width:100%;height:24px;display:flex;flex-direction:row;justify-content:space-between}.label.svelte-snf31w{width:70px;text-align:left}.pair.svelte-snf31w{display:flex;flex-direction:row;gap:12px}.number-box.svelte-snf31w{width:50px;height:20px;display:inline-block;vertical-align:bottom}.canvas-panel.svelte-1ad549n{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-container.svelte-1ad549n{background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
                      linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);background-size:20px 20px;background-position:0 0, 10px 10px;background-color:white}canvas.svelte-1ad549n{width:100%;height:100%}.seekbar-panel.svelte-5k3wg{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-panel.svelte-1ej61a1{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-container.svelte-1ej61a1{width:100%;flex-grow:1}.seekbar-container.svelte-1ej61a1{width:100%;height:24px;display:flex}.page-container.svelte-10tqyp0{width:80dvw;height:90dvh;display:flex;flex-direction:column;align-items:center;gap:12px}.header-panel.svelte-10tqyp0{gap:12px;width:100%}.back-button.svelte-10tqyp0{margin-top:16px;bottom:8px;right:8px;z-index:1;cursor:pointer;color:#fff;width:160px}.number-box.svelte-10tqyp0{width:35px;height:20px;display:inline-block;vertical-align:bottom;color:#000}.slider-value-text.svelte-10tqyp0{width:76px;text-align:right}.contents-panel.svelte-10tqyp0{width:100%;display:flex;flex-direction:row;flex-grow:1;gap:16px;overflow:hidden}.resindence-times.svelte-10tqyp0{display:flex;flex-direction:column;width:100%;flex-grow:1;padding:16px;gap:12px;color:#000;overflow-y:auto}.resindence-times-page.svelte-10tqyp0{display:flex;flex-direction:column;padding:16px;align-items:flex-start}.indent.svelte-10tqyp0{width:100%;margin-top:2px;margin-left:8px;padding-right:8px}.sample-movie.svelte-10tqyp0{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:150px;padding:16px;gap:12px;color:#000}.player-panel.svelte-10tqyp0{flex-grow:1;height:100%;overflow:hidden}.side-panel.svelte-10tqyp0{width:350px}.avatar.svelte-ikbjuw{display:flex;align-items:center;cursor:pointer}.undo-redo-button.svelte-96juy1{width:50px;height:24px}.avatar img{box-shadow:0 1px 3px rgba(255, 255, 255, 0.3) !important}.image-outline.svelte-96juy1{display:inline;filter:drop-shadow(0.5px 0 0 #fff8)
            drop-shadow(-0.5px 0 0 #fff8)
            drop-shadow(0 0.5px 0 #fff8)
            drop-shadow(0 -0.5px 0 #fff8)}.pr-logo.svelte-37nj2f{left:12px;bottom:0px;font-size:12px;position:absolute;color:black}iframe.svelte-13uh86c{width:100%;height:100%}.content.svelte-ortd6r{width:340px;height:520px}.drawer-content.svelte-s1opq6{width:100%;height:100%;padding:16px}.drawer-outer.svelte-s1opq6 .drawer .panel{background-color:rgb(var(--color-surface-100))}.canvas-container.svelte-1f0eve5{position:relative;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
                      linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);background-size:20px 20px;background-position:0 0, 10px 10px;background-color:white}canvas.svelte-1f0eve5{position:absolute;top:0;left:0;cursor:pointer}.drawer-outer.svelte-1ndkraz .drawer .panel{background-color:rgb(var(--color-surface-100))}.drawer-content.svelte-1ndkraz{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin:16px}.slider.svelte-z5tyxe.svelte-z5tyxe{---track-width:var(--track-width, unset);---track-height:var(--track-height, 6px);---track-background:var(--track-background, #949494);---track-border:var(--track-border, none);---thumb-size:var(--thumb-size, 16px);---thumb-background:var(--thumb-background, #2d2d2d);---thumb-border:var(--thumb-border, none);---position:var(--position, 0px);---margin-inline-thumb-bigger:max(var(---thumb-size) - var(---track-height), 0px);---margin-inline-thumb-smaller:max(var(---track-height) - var(---thumb-size), 0px);position:relative;margin:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;background-color:transparent}.slider.svelte-z5tyxe.svelte-z5tyxe::before{background-color:transparent}[aria-orientation='horizontal'].svelte-z5tyxe.svelte-z5tyxe{width:var(---track-width);max-width:calc(100% - 2 * var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height), var(---thumb-size)) + 4px);height:max(var(---track-height), var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block, 8px)}[aria-orientation='vertical'].svelte-z5tyxe.svelte-z5tyxe{width:calc(max(var(---track-height), var(---thumb-size)) + 4px);width:max(var(---track-height), var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2 * var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block, 8px)}.track.svelte-z5tyxe.svelte-z5tyxe{position:absolute;pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box}[aria-orientation='horizontal'].svelte-z5tyxe .track.svelte-z5tyxe{height:var(---track-height);top:50%;transform:translateY(-50%);left:0;right:0}[aria-orientation='vertical'].svelte-z5tyxe .track.svelte-z5tyxe{width:var(---track-height);left:50%;transform:translateX(-50%);top:0;bottom:0}.thumb.svelte-z5tyxe.svelte-z5tyxe{pointer-events:none;position:absolute;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size) / 2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;transform:translate(-50%, -50%);--margin-left:(
				2 * var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller)
			) / 2;--left:calc(var(---position) * (100% - 2 * var(--margin-left)) + var(--margin-left))}[aria-orientation='horizontal'].svelte-z5tyxe:not(.reverse) .thumb.svelte-z5tyxe{top:50%;left:var(--left)}[aria-orientation='vertical'].svelte-z5tyxe:not(.reverse) .thumb.svelte-z5tyxe{left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation='horizontal'].reverse.svelte-z5tyxe .thumb.svelte-z5tyxe{top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation='vertical'].reverse.svelte-z5tyxe .thumb.svelte-z5tyxe{left:50%;top:calc(var(--left))}.slider.svelte-z5tyxe.svelte-z5tyxe:focus-visible{outline:none}.slider.svelte-z5tyxe:focus-visible .track.svelte-z5tyxe{outline:2px solid var(--focus-color, red);outline-offset:2px}.picker.svelte-1pkty61{position:relative;display:inline-block;width:var(--picker-width, 200px);height:var(--picker-height, 200px);background:linear-gradient(#ffffff00, #000000ff), linear-gradient(0.25turn, #ffffffff, #00000000),
			var(--picker-color-bg);border-radius:var(--picker-radius, 8px);outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.s.svelte-1pkty61,.v.svelte-1pkty61{position:absolute;--track-background:none;--track-border:none;--thumb-background:none;--thumb-border:none;--thumb-size:2px;--margin-block:0;--track-height:var(--picker-indicator-size, 10px);-moz-user-select:none;user-select:none;-webkit-user-select:none}.s.svelte-1pkty61{top:calc(var(--pos-y) * (var(--picker-height, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);left:2px;--track-width:calc(var(--picker-width, 200px) - 4px)}.v.svelte-1pkty61{top:2px;left:calc(var(--pos-x) * (var(--picker-width, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);--track-width:calc(var(--picker-height, 200px) - 4px)}div.svelte-ay1skt{position:absolute;left:calc(var(--pos-x) * (var(--picker-width, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);top:calc(var(--pos-y) * (var(--picker-height, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);width:var(--picker-indicator-size, 10px);height:var(--picker-indicator-size, 10px);background-color:white;box-shadow:0 0 4px black;border-radius:50%;pointer-events:none;z-index:1;transition:box-shadow 0.2s}.is-dark.svelte-ay1skt{box-shadow:0 0 4px white}.text-input.svelte-jj88do.svelte-jj88do{margin:var(--text-input-margin, 5px 0 0)}.input-container.svelte-jj88do.svelte-jj88do{display:flex;flex:1;gap:10px}input.svelte-jj88do.svelte-jj88do,button.svelte-jj88do.svelte-jj88do,.button-like.svelte-jj88do.svelte-jj88do{flex:1;border:none;background-color:var(--cp-input-color, #eee);color:var(--cp-text-color, var(--cp-border-color));padding:0;border-radius:5px;height:30px;line-height:30px;text-align:center}input.svelte-jj88do.svelte-jj88do{width:5px;font-family:inherit}button.svelte-jj88do.svelte-jj88do,.button-like.svelte-jj88do.svelte-jj88do{position:relative;flex:1;margin:8px 0 0;height:30px;width:100%;transition:background-color 0.2s;cursor:pointer;font-family:inherit}.button-like.svelte-jj88do.svelte-jj88do{cursor:default}.appear.svelte-jj88do.svelte-jj88do,.disappear.svelte-jj88do.svelte-jj88do{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;transition:all 0.5s}button.svelte-jj88do:hover .disappear.svelte-jj88do,.appear.svelte-jj88do.svelte-jj88do{opacity:0}.disappear.svelte-jj88do.svelte-jj88do,button.svelte-jj88do:hover .appear.svelte-jj88do{opacity:1}button.svelte-jj88do.svelte-jj88do:hover{background-color:var(--cp-button-hover-color, #ccc)}input.svelte-jj88do.svelte-jj88do:focus,button.svelte-jj88do.svelte-jj88do:focus{outline:none}input.svelte-jj88do.svelte-jj88do:focus-visible,button.svelte-jj88do.svelte-jj88do:focus-visible{outline:2px solid var(--focus-color, red);outline-offset:2px}label.svelte-1s38wvh.svelte-1s38wvh{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:3px;margin:4px;height:var(--input-size, 25px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.container.svelte-1s38wvh.svelte-1s38wvh{position:relative;display:block;display:flex;align-items:center;justify-content:center;width:var(--input-size, 25px)}input.svelte-1s38wvh.svelte-1s38wvh{margin:0;padding:0;border:none;width:1px;height:1px;flex-shrink:0;opacity:0}.alpha.svelte-1s38wvh.svelte-1s38wvh{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-1s38wvh.svelte-1s38wvh,.color.svelte-1s38wvh.svelte-1s38wvh{position:absolute;width:var(--input-size, 25px);height:var(--input-size, 25px);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}input.svelte-1s38wvh:focus-visible~.color.svelte-1s38wvh{outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-pab3t4{padding:8px;background-color:var(--cp-bg-color, white);margin:0 10px 10px;border:1px solid var(--cp-border-color, black);border-radius:12px;display:none;width:-moz-max-content;width:max-content}.is-open.svelte-pab3t4{display:inline-block}[role='dialog'].svelte-pab3t4{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}label.svelte-1liwgef.svelte-1liwgef{display:flex;justify-content:center;margin-bottom:4px;grid-area:nullable;-webkit-user-select:none;-moz-user-select:none;user-select:none}input.svelte-1liwgef.svelte-1liwgef{margin:0}input.svelte-1liwgef.svelte-1liwgef:focus-visible{outline:none}input.svelte-1liwgef:focus-visible+span.svelte-1liwgef{width:14px;height:14px;border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-1liwgef.svelte-1liwgef{width:32px;aspect-ratio:2;position:relative}div.svelte-1liwgef .svelte-1liwgef{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}span.svelte-1dcc43o.svelte-1dcc43o{position:relative;color:var(--cp-text-color, var(--cp-border-color));--alpha-grid-bg:linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px,
			linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px}.h.svelte-1dcc43o.svelte-1dcc43o,.a.svelte-1dcc43o.svelte-1dcc43o{display:inline-flex;justify-content:center;--track-height:var(--slider-width, 10px);--track-width:var(--picker-height, 200px);--track-border:none;--thumb-size:calc(var(--slider-width, 10px) - 3px);--thumb-background:white;--thumb-border:1px solid black;--margin-block:0;--gradient-direction:0.5turn}.horizontal.svelte-1dcc43o .h.svelte-1dcc43o,.horizontal.svelte-1dcc43o .a.svelte-1dcc43o{--track-width:calc(var(--picker-width, 200px) - 12px);--gradient-direction:0.25turn;margin:4px 6px}.horizontal.svelte-1dcc43o .h.svelte-1dcc43o{margin-top:8px}.vertical.svelte-1dcc43o .h.svelte-1dcc43o,.vertical.svelte-1dcc43o .a.svelte-1dcc43o{margin-left:3px}.h.svelte-1dcc43o.svelte-1dcc43o{grid-area:hue;--gradient-hue:#ff1500fb, #ffff00 17.2%, #ffff00 18.2%, #00ff00 33.3%, #00ffff 49.5%, #00ffff 51.5%, #0000ff 67.7%,
			#ff00ff 83.3%, #ff0000;--track-background:linear-gradient(var(--gradient-direction), var(--gradient-hue))}.a.svelte-1dcc43o.svelte-1dcc43o{grid-area:alpha;margin-top:2px;--track-background:linear-gradient(var(--gradient-direction), rgba(0, 0, 0, 0), var(--alphaless-color)),
			var(--alpha-grid-bg)}span.svelte-1dcc43o .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}div.svelte-1kim9ky{background-color:var(--cp-bg-color, white);margin:0 10px 15px;border:1px solid var(--cp-border-color, black);border-radius:8px;display:none;--text-input-margin:5px 5px 6px;--picker-radius:8px 8px 0 0;--picker-width:260px}.is-open.svelte-1kim9ky{display:flex;flex-direction:column}[role='dialog'].svelte-1kim9ky{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}div.svelte-1kim9ky:not([role='dialog']){display:inline-flex;flex-direction:column}div.svelte-1t319tg{padding:6px;background-color:var(--cp-bg-color, white);margin:0 10px 10px;border:1px solid var(--cp-border-color, black);border-radius:12px;display:none;width:-moz-max-content;width:max-content}.is-open.svelte-1t319tg{display:block}@media(min-width: 768px){.is-open.svelte-1t319tg{display:grid;gap:5px;grid-template:'nullable . . .'
				'picker hue alpha a11y'
				'input input input a11y';grid-template-rows:auto var(--picker-height, 200px) auto}}div.svelte-1t319tg .picker{grid-area:picker}div.svelte-1t319tg .text-input{grid-area:input}div.svelte-1t319tg .a11y-notice{grid-area:a11y;margin:0 4px 0 6px}[role='dialog'].svelte-1t319tg{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}.a11y-notice.svelte-tvi6cm{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto repeat(var(--item-count), 1fr) auto;justify-items:stretch;align-items:center;gap:0 12px;width:-moz-max-content;width:max-content}.title.svelte-tvi6cm{margin:12px 0 0;grid-column:1 / 3;background:none;border:none;padding:0 8px;line-height:24px}@media(min-width: 768px){.title.svelte-tvi6cm{margin:0}}.guidelines.svelte-tvi6cm{grid-column:1 / 3;margin-top:10px;font-size:12px}.svelte-tvi6cm:focus-visible,.guidelines.svelte-tvi6cm :focus-visible{border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}.lorem.svelte-htmoih{flex:1;text-align:center;padding:4px 8px;margin-top:10px;border-radius:4px;border:1px solid black;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.large.svelte-htmoih{font-size:22px;padding:2px 8px}.grade.svelte-htmoih{border-radius:50px;padding:0 8px 2px;background-color:#ff6100;font-weight:bold}.grade-ok.svelte-htmoih{background-color:green;color:white}p.svelte-htmoih{margin:0}.overlay.svelte-a9nms8{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.color-picker-dialog.svelte-a9nms8{position:absolute;z-index:1000;transition:opacity 0.1s ease-in-out}.drawer-content.svelte-s1opq6{width:100%;height:100%;padding:16px}.drawer-outer.svelte-s1opq6 .drawer .panel{background-color:rgb(var(--color-surface-100))}textarea.svelte-1a1iql1{width:100%;padding:4px;font-family:'源暎アンチック';font-size:14px;height:auto;max-height:360px}.textarea-container.svelte-17v9zdu.svelte-17v9zdu{position:relative;width:100%}.icon-container.svelte-17v9zdu.svelte-17v9zdu{position:absolute;right:16px;top:-30px}img.svelte-17v9zdu.svelte-17v9zdu{width:24px;height:24px}.icon-container.svelte-17v9zdu img.svelte-17v9zdu{cursor:pointer}.waiting.svelte-17v9zdu.svelte-17v9zdu{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-bottom:7px}.portrait.svelte-1lqq9gc{width:144px;height:144px;border-width:1px;border-style:solid;border-color:black;position:relative}.portrait-bell.svelte-1lqq9gc{width:24px;height:24px;position:absolute;right:2px;bottom:2px;cursor:pointer}.character-name.svelte-1lqq9gc{font-size:16px;font-weight:700;font-family:'源暎アンチック';border-radius:2px;padding-left:8px;padding-right:8px;width:240px}.trash.svelte-1lqq9gc{width:20px;height:20px;cursor:pointer}.waiting.svelte-1lqq9gc{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.no-portrait.svelte-1lqq9gc{width:64px;height:64px;cursor:pointer}.color-label.svelte-1lqq9gc{width:30px;height:20px;margin-left:4px;margin-right:4px;cursor:pointer}.portrait-trash.svelte-1lqq9gc{width:20px;height:20px;position:absolute;right:2px;top:2px;cursor:pointer;z-index:2}.character-container.svelte-eqoauv{position:relative;width:100%}.add-character.svelte-eqoauv{font-size:16px;font-weight:700;font-family:'Zen Maru Gothic'}.icon-container.svelte-eqoauv{position:absolute;right:16px;top:-30px}.advise.svelte-eqoauv{width:24px;height:24px;cursor:pointer}.waiting.svelte-eqoauv{width:100%;display:flex;justify-content:center;align-items:center}.drawer-content.svelte-1pxz5ce.svelte-1pxz5ce{width:100%;height:100%;padding:16px;padding-right:0px;display:flex;flex-direction:column;overflow:hidden}.drawer-content.svelte-1pxz5ce .header.svelte-1pxz5ce{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid rgb(var(--color-surface-200));flex-shrink:0}.drawer-content.svelte-1pxz5ce .body.svelte-1pxz5ce{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;padding-right:16px}h1.svelte-1pxz5ce.svelte-1pxz5ce{font-family:'源暎エムゴ';font-size:32px;margin-bottom:8px}h2.svelte-1pxz5ce.svelte-1pxz5ce{font-family:'源暎エムゴ';font-size:18px;display:flex;align-items:center;gap:8px}h2.progress.svelte-1pxz5ce.svelte-1pxz5ce{color:#0a851a
  }.section.svelte-1pxz5ce.svelte-1pxz5ce{margin-bottom:16px}.portrait-style.svelte-1pxz5ce.svelte-1pxz5ce{font-size:16px;font-weight:700;font-family:'源暎アンチック';border-radius:2px;padding-left:8px;padding-right:8px}button.svelte-1pxz5ce.svelte-1pxz5ce{font-family:'源暎エムゴ';height:30px}.drawer-outer.svelte-e6az87 .drawer .panel{background-color:rgb(var(--color-surface-100))}.page-container.svelte-10yt5n5{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:1rem}.media-container.svelte-10yt5n5{width:80svw;height:80svh}.video-controls.svelte-10yt5n5{display:flex;gap:1rem;padding:0.5rem}.label.svelte-az4yml.svelte-az4yml{display:block;margin-bottom:1rem}.label.svelte-az4yml span.svelte-az4yml{display:block;margin-bottom:0.25rem}h2.svelte-az4yml.svelte-az4yml{font-family:'源暎エムゴ';font-size:24px;display:flex;align-items:center;gap:8px}.label.svelte-az4yml.svelte-az4yml{display:block;margin-bottom:1rem}.label.svelte-az4yml span.svelte-az4yml{display:block;margin-bottom:0.25rem}h2.svelte-az4yml.svelte-az4yml{font-family:'源暎エムゴ';font-size:24px;display:flex;align-items:center;gap:8px}.max-w-md{max-width:28rem}h2.svelte-1sjsv0v{font-family:'源暎エムゴ';font-size:24px;display:flex;align-items:center;gap:8px}.social-card-view.svelte-1sjsv0v{width:400px;height:600px}.clipping-box.svelte-1sjsv0v{position:absolute;top:0;left:0;right:0;bottom:0}.box-cursor.svelte-1sjsv0v{top:0;left:0;border:2px solid rgba(0, 0, 128, 0.5);background-color:rgba(0, 0, 128, 0.1);cursor:move}.resize-handle.svelte-1sjsv0v{position:absolute;bottom:0;right:0;width:16px;height:16px;background-color:rgba(0, 0, 128, 0.5);cursor:se-resize}.drawer-content.svelte-riuxh1{width:100%;height:100%;padding:16px;overflow-y:auto;background-color:rgb(var(--color-surface-50))}.drawer-outer.svelte-riuxh1 .drawer .panel{background-color:rgb(var(--color-surface-50));box-shadow:0 0 15px rgba(0, 0, 0, 0.1)}.roster-title.svelte-riuxh1{font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid rgb(var(--color-primary-500));color:rgb(var(--color-primary-700))}.character-list.svelte-riuxh1{display:flex;flex-direction:column;gap:1.25rem}.character-card.svelte-riuxh1{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:transform 0.2s, box-shadow 0.2s}.character-card.svelte-riuxh1:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.character-header.svelte-riuxh1{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background-color:rgb(var(--color-surface-200));border-bottom:1px solid rgb(var(--color-surface-300))}.character-name-container.svelte-riuxh1{display:flex;align-items:center;gap:0.5rem}.character-name.svelte-riuxh1{font-size:1.1rem;font-weight:600;color:rgb(var(--color-primary-700))}.color-display.svelte-riuxh1{width:18px;height:18px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1)}.delete-btn.svelte-riuxh1{background:none;border:none;cursor:pointer;opacity:0.7;transition:opacity 0.2s;padding:4px}.delete-btn.svelte-riuxh1:hover{opacity:1;background-color:rgba(255, 0, 0, 0.1);border-radius:4px}.trash-icon.svelte-riuxh1{width:20px;height:20px}.character-content.svelte-riuxh1{display:flex;padding:1rem;gap:1rem}.portrait-container.svelte-riuxh1{display:flex;flex-direction:column;gap:0.5rem;align-items:center}.portrait.svelte-riuxh1{width:144px;height:144px;border-radius:6px;overflow:hidden;border:1px solid rgb(var(--color-surface-300));box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);position:relative;display:flex;justify-content:center;align-items:center;background-color:rgb(var(--color-surface-100))}.no-portrait.svelte-riuxh1{color:rgb(var(--color-surface-700));font-size:0.9rem}.offer-btn.svelte-riuxh1{background-color:rgb(var(--color-secondary-500));color:white;border:none;border-radius:4px;padding:0.4rem 1rem;font-size:0.9rem;font-weight:500;cursor:pointer;transition:background-color 0.2s;width:100%}.offer-btn.svelte-riuxh1:hover{background-color:rgb(var(--color-secondary-600))}.character-details.svelte-riuxh1{flex:1;display:flex;flex-direction:column;gap:0.75rem}.detail-section.svelte-riuxh1{display:flex;flex-direction:column;gap:0.25rem}.detail-label.svelte-riuxh1{font-size:0.8rem;font-weight:600;color:rgb(var(--color-surface-700))}.textarea-display.svelte-riuxh1{min-height:24px;padding:0.5rem;border:1px solid rgb(var(--color-surface-300));border-radius:4px;white-space:pre-wrap;background-color:rgb(var(--color-surface-50));font-size:0.9rem;line-height:1.4;flex:1;overflow-y:auto;max-height:120px}h2.svelte-1q3r9zp.svelte-1q3r9zp{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}h3.svelte-1q3r9zp.svelte-1q3r9zp{font-family:'源暎エムゴ';font-size:18px;margin-top:8px}button.svelte-1q3r9zp .generate-text.svelte-1q3r9zp{font-family:'源暎エムゴ';font-size:18px}.canvas-container.svelte-10d4i87{background:white;position:relative}canvas.svelte-10d4i87{position:absolute;top:0;left:0}.image-canvas.svelte-10d4i87{z-index:0}.mask-canvas.svelte-10d4i87{z-index:1;pointer-events:none}.temp-canvas.svelte-10d4i87{z-index:2}h2.svelte-1bxkbly{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}h2.svelte-1bxkbly{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}.custom-select-container.svelte-yaucyk.svelte-yaucyk{position:relative;display:inline-block;width:300px;font-family:'源暎アンチック'}.select-display.svelte-yaucyk.svelte-yaucyk{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border:2px solid var(--color-surface-400, #94a3b8);border-radius:0.25rem;background-color:white;cursor:pointer;position:relative;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.select-display.svelte-yaucyk.svelte-yaucyk:hover{background-color:var(--color-surface-300, #cbd5e1);border-color:var(--color-primary-500, #3b82f6);box-shadow:0 2px 4px rgba(0, 0, 0, 0.15)}.select-display.svelte-yaucyk.svelte-yaucyk::after{content:"";width:0.5rem;height:0.5rem;border-right:2px solid var(--color-surface-600, #475569);border-bottom:2px solid var(--color-surface-600, #475569);position:absolute;right:0.75rem;top:calc(50% - 0.4rem);transform:rotate(45deg);pointer-events:none;transition:transform 0.2s ease}.custom-select-container.svelte-yaucyk:hover .select-display.svelte-yaucyk::after{border-color:var(--color-primary-500, #3b82f6)}.options-container.svelte-yaucyk.svelte-yaucyk{position:absolute;top:100%;left:0;width:100%;max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;background-color:white;border:1px solid var(--color-surface-400, #94a3b8);border-radius:0.25rem;z-index:10;margin-top:0.25rem;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1)}.option-item.svelte-yaucyk.svelte-yaucyk{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;cursor:pointer;transition:background-color 0.15s ease}.option-item.svelte-yaucyk.svelte-yaucyk:hover{background-color:#e0f2fe}.option-item.selected.svelte-yaucyk.svelte-yaucyk{background-color:#bae6fd;font-weight:500}.option-item.selected.svelte-yaucyk.svelte-yaucyk:hover{background-color:#e0f2fe}.comment.svelte-yaucyk.svelte-yaucyk{font-family:'源暎アンチック';font-size:12px;margin-top:-8px;width:100%;text-align:center}h2.svelte-27aonu.svelte-27aonu{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}.main-content-container.svelte-27aonu.svelte-27aonu{display:flex;gap:16px;height:600px}.left-pane.svelte-27aonu.svelte-27aonu{flex:2;display:flex;flex-direction:column}.right-pane.svelte-27aonu.svelte-27aonu{flex:1;min-width:0;border-left:1px solid rgb(var(--color-surface-300));padding-left:16px;overflow-y:auto;max-height:600px}.right-pane-content.svelte-27aonu.svelte-27aonu{display:flex;flex-direction:column;gap:16px}.setting-section.svelte-27aonu.svelte-27aonu{margin-bottom:24px}.right-pane.svelte-27aonu h3.svelte-27aonu{font-family:'源暎エムゴ';font-size:18px;margin:0 0 8px 0;color:rgb(var(--color-primary-500))}.image-list.svelte-27aonu.svelte-27aonu{display:flex;flex-direction:column;gap:12px}.image-item.svelte-27aonu.svelte-27aonu{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid rgb(var(--color-surface-300));border-radius:8px;background:rgb(var(--color-surface-50));cursor:pointer;transition:all 0.2s ease}.image-item.svelte-27aonu.svelte-27aonu:hover{background:rgb(var(--color-surface-100));border-color:rgb(var(--color-primary-400));transform:translateY(-1px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.image-item.svelte-27aonu.svelte-27aonu:focus{outline:2px solid rgb(var(--color-primary-500));outline-offset:2px}.image-thumbnail.svelte-27aonu.svelte-27aonu{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid rgb(var(--color-surface-300));flex-shrink:0}.image-name.svelte-27aonu.svelte-27aonu{font-size:14px;font-weight:500;color:rgb(var(--color-surface-700));text-align:center;width:100%}.canvas-container.svelte-27aonu.svelte-27aonu{display:flex;justify-content:center;align-items:center;flex:1}canvas.svelte-27aonu.svelte-27aonu{max-width:100%;max-height:100%}.footer-content.svelte-27aonu.svelte-27aonu{display:flex;flex-direction:column;gap:8px;width:100%}.history-hint.svelte-27aonu.svelte-27aonu{font-size:12px;color:rgb(var(--color-surface-500));padding-left:4px}h2.svelte-1q3r9zp.svelte-1q3r9zp{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}h3.svelte-1q3r9zp.svelte-1q3r9zp{font-family:'源暎エムゴ';font-size:18px;margin-top:8px}button.svelte-1q3r9zp .generate-text.svelte-1q3r9zp{font-family:'源暎エムゴ';font-size:18px}h3.svelte-gs2e2e{font-family:'源暎エムゴ';font-size:20px;display:flex;gap:8px}h2.svelte-hkg8jh{font-family:'源暎エムゴ';font-size:24px;display:flex;gap:8px}h3.svelte-hkg8jh{font-family:'源暎エムゴ';font-size:20px;display:flex;gap:8px}ul.svelte-hkg8jh{font-size:16px;list-style-type:disc;margin-left:32px;margin-bottom:4px}b.svelte-hkg8jh{font-family:'源暎エムゴ'}.page-container.svelte-10u6cew{display:flex;justify-content:center;align-items:center;position:relative}.media-container.svelte-10u6cew{width:80svw;height:80svh}h2.svelte-tlf6ya{font-family:'源暎エムゴ';font-size:24px;display:flex;gap:8px}h3.svelte-tlf6ya{font-family:'源暎エムゴ';font-size:20px;display:flex;gap:8px}.btn[disabled].svelte-tlf6ya{opacity:0.5;pointer-events:none}p.svelte-tlf6ya{margin-bottom:16px}.warning.svelte-tlf6ya{color:red}h2.svelte-itl28g{font-family:'源暎エムゴ';font-size:24px;margin-top:16px}.message-text.svelte-itl28g{font-size:16px;line-height:1.6;color:var(--color-surface-900);white-space:pre-wrap}body{overflow:hidden;height:100vh;max-height:100vh}.backdrop.svelte-1hgxopo{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.50);z-index:999}