winduum 2.0.0-next.9 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/tailwind.css +1 -1
  3. package/package.json +23 -17
  4. package/plugin/index.cjs +80 -110
  5. package/plugin/index.d.ts +9 -9
  6. package/plugin/index.js +46 -94
  7. package/plugin/utilities/common.js +44 -5
  8. package/src/base/defaults.css +6 -12
  9. package/src/base/index.css +1 -4
  10. package/src/base/keyframes.css +0 -17
  11. package/src/base/reset.css +0 -1
  12. package/src/base/transitions.css +15 -0
  13. package/src/common.js +1 -1
  14. package/src/components/badge/circle.css +1 -1
  15. package/src/components/badge/default.css +2 -2
  16. package/src/components/badge/lg.css +1 -1
  17. package/src/components/badge/props/default.css +2 -2
  18. package/src/components/badge/sm.css +1 -1
  19. package/src/components/badge/square.css +1 -1
  20. package/src/components/breadcrumb/props/default.css +1 -1
  21. package/src/components/button/bordered.css +1 -4
  22. package/src/components/button/circle.css +1 -1
  23. package/src/components/button/default.css +2 -2
  24. package/src/components/button/index.css +1 -0
  25. package/src/components/button/interactive.css +15 -13
  26. package/src/components/button/lg.css +1 -1
  27. package/src/components/button/props/default.css +2 -2
  28. package/src/components/button/sm.css +1 -1
  29. package/src/components/button/spinner.css +9 -0
  30. package/src/components/button/square.css +1 -1
  31. package/src/components/card/props/default.css +2 -2
  32. package/src/components/carousel/index.d.ts +3 -3
  33. package/src/components/carousel/index.js +18 -16
  34. package/src/components/check/invalid.css +1 -1
  35. package/src/components/check/props/default.css +1 -1
  36. package/src/components/color/interactive.css +1 -1
  37. package/src/components/color/props/default.css +0 -1
  38. package/src/components/compare/default.css +3 -3
  39. package/src/components/compare/index.d.ts +3 -3
  40. package/src/components/compare/index.js +10 -9
  41. package/src/components/control/color.css +5 -5
  42. package/src/components/control/default.css +3 -3
  43. package/src/components/control/file.css +1 -1
  44. package/src/components/control/invalid.css +1 -1
  45. package/src/components/control/props/color.css +2 -2
  46. package/src/components/control/props/default.css +3 -3
  47. package/src/components/control/select-multiple.css +1 -1
  48. package/src/components/details/index.js +2 -2
  49. package/src/components/dialog/index.d.ts +2 -0
  50. package/src/components/dialog/index.js +8 -6
  51. package/src/components/drawer/default.css +6 -5
  52. package/src/components/drawer/index.d.ts +2 -1
  53. package/src/components/drawer/index.js +15 -1
  54. package/src/components/drawer/props/content.css +1 -1
  55. package/src/components/field/default.css +2 -2
  56. package/src/components/form/index.d.ts +5 -4
  57. package/src/components/form/index.js +15 -13
  58. package/src/components/group/default.css +1 -1
  59. package/src/components/pagination/default.css +1 -1
  60. package/src/components/popover/content.css +7 -11
  61. package/src/components/popover/index.d.ts +6 -1
  62. package/src/components/popover/index.js +12 -10
  63. package/src/components/popover/props/content.css +2 -2
  64. package/src/components/progress/default.css +3 -3
  65. package/src/components/progress/index.css +1 -0
  66. package/src/components/progress/keyframes/default.css +9 -0
  67. package/src/components/progress/props/default.css +0 -2
  68. package/src/components/range/index.d.ts +1 -0
  69. package/src/components/range/index.js +5 -4
  70. package/src/components/rating/default.css +8 -0
  71. package/src/components/rating/invalid.css +1 -1
  72. package/src/components/rating/props/default.css +0 -1
  73. package/src/components/switch/invalid.css +1 -1
  74. package/src/components/tabs/list.css +2 -2
  75. package/src/components/text/props/default.css +1 -1
  76. package/src/components/toast/content.css +0 -5
  77. package/src/components/toast/default.css +3 -3
  78. package/src/components/toast/index.d.ts +14 -0
  79. package/src/components/toast/index.js +51 -0
  80. package/src/components/toast/props/content.css +3 -3
  81. package/src/components/toaster/default.css +4 -0
  82. package/src/components/toaster/index.d.ts +1 -25
  83. package/src/components/toaster/index.js +1 -103
  84. package/src/components/toaster/props/default.css +2 -2
  85. package/src/components/tooltip/props/default.css +4 -4
  86. package/src/main.css +3 -0
  87. package/src/tailwind.css +4 -2
  88. package/src/test.css +9 -0
  89. package/src/{base → theme}/config/font.css +17 -1
  90. package/src/theme/config/index.css +6 -0
  91. package/src/theme/config/spacing.css +37 -0
  92. package/src/{base → theme}/config/transition.css +5 -1
  93. package/src/theme/index.css +4 -0
  94. package/src/utilities/animation.css +4 -0
  95. package/src/utilities/container/default.css +2 -2
  96. package/src/utilities/container/props/default.css +2 -2
  97. package/src/utilities/divider.css +1 -1
  98. package/src/utilities/dot.css +10 -0
  99. package/src/utilities/index.css +2 -1
  100. package/src/utilities/ripple/default.css +16 -0
  101. package/src/utilities/ripple/index.css +2 -15
  102. package/src/utilities/ripple/index.d.ts +7 -1
  103. package/src/utilities/ripple/index.js +13 -13
  104. package/src/utilities/ripple/keyframes/default.css +6 -0
  105. package/src/utilities/spinner/circle.css +5 -0
  106. package/src/utilities/spinner/default.css +16 -0
  107. package/src/utilities/spinner/index.css +4 -0
  108. package/src/utilities/spinner/keyframes/ring.css +13 -0
  109. package/src/utilities/spinner/ring.css +15 -0
  110. package/src/utilities/view-transition.css +3 -0
  111. package/tailwind.config.js +6 -5
  112. package/tailwindcss/base/defaults.css +9 -0
  113. package/tailwindcss/index.css +4 -0
  114. package/tailwindcss/theme/config/breakpoint.css +12 -0
  115. package/tailwindcss/theme/config/font.css +13 -0
  116. package/tailwindcss/theme/config/index.css +6 -0
  117. package/tailwindcss/theme/config/mask.css +8 -0
  118. package/tailwindcss/theme/config/radius.css +9 -0
  119. package/tailwindcss/theme/config/transition.css +20 -0
  120. package/tailwindcss/theme/config/z.css +7 -0
  121. package/tailwindcss/theme/default.css +26 -0
  122. package/tailwindcss/theme/index.css +2 -0
  123. package/tailwindcss/utilities/animation.css +0 -0
  124. package/tailwindcss/utilities/divide-gap.css +0 -0
  125. package/types/index.d.ts +50 -39
  126. package/types/index.d.ts.map +7 -5
  127. package/dist/assets/index-xIgNpv_7.css +0 -1
  128. package/dist/index.html +0 -16
  129. package/dist/main-rgb.css +0 -1
  130. package/src/base/config/spacing.css +0 -15
  131. package/src/base/config.css +0 -6
  132. package/src/base/tailwind.css +0 -3
  133. package/src/utilities/common.css +0 -8
  134. /package/src/{base → theme}/config/mask.css +0 -0
  135. /package/src/{base/config/rounded.css → theme/config/radius.css} +0 -0
  136. /package/src/{base → theme}/config/z.css +0 -0
  137. /package/src/{base/theme → theme}/dark-rgb.css +0 -0
  138. /package/src/{base/theme → theme}/dark.css +0 -0
  139. /package/src/{base/theme → theme}/default-p3.css +0 -0
  140. /package/src/{base/theme → theme}/default-rgb.css +0 -0
  141. /package/src/{base/theme → theme}/default.css +0 -0
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- :where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;cursor:revert}:where(textarea){white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}:after,:before{--tw-content: ""}:where(*),:where(*):before,:where(*):after{border:0 solid currentColor}::-moz-selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where(summary:not([aria-disabled=true])),:where([role=button]:not([aria-disabled=true])){cursor:var(--cursor-pointer, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--default-font-family: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-primary: var(--default-font-family);--font-family-secondary: var(--default-font-family);--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-thin: 200;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain;--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-5xl: 2.5rem;--radius-6xl: 3rem;--radius-full: calc(infinity * 1px);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 1.75rem;--spacing-4xl: 2rem;--spacing-5xl: 2.5rem;--spacing-6xl: 3rem;--spacing-7xl: 3.5rem;--spacing-8xl: 4rem;--spacing-9xl: 5rem;--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--transition-all: all var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-color: color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-background: background var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-opacity: opacity var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-transform: transform var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-border: border-color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-shadow: box-shadow var(--default-transition-duration) var(--transition-timing-function-in-out)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}:root,:host{--default-color-space: sRGB;--default-color-scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-width);block-size:var(--x-badge-height);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--font-size-xs);--x-badge-gap: var(--spacing-xs);--x-badge-height: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-height: 1.25rem;--x-badge-font-size: var(--font-size-xs)}.x-badge:is(.lg){--x-badge-height: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-width: var(--x-badge-height)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-width: var(--x-badge-height);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--font-size-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: var(--spacing-sm);--x-button-height: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem;--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-width);block-size:var(--x-button-height);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}.x-button:is(button,input,:-moz-any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,:any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,:-moz-any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,:any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,:-moz-any-link,[role=button]):active,.x-button:is(button,input,:-moz-any-link,[role=button]):checked,.x-button[data-active]:is(button,input,:-moz-any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,:any-link,[role=button]):active,.x-button:is(button,input,:any-link,[role=button]):checked,.x-button[data-active]:is(button,input,:any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,:-moz-any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(button,input,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-height: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-height: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-border-color-opacity: 30%;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-border-color-opacity: 30%;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-border-color-opacity: 30%;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 30%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-width: var(--x-button-height)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-width: var(--x-button-height);--x-button-border-radius: var(--radius-full)}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: var(--spacing-md);--x-check-font-size: var(--font-size-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}.x-check :where(input):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);-webkit-mask:var(--x-check-icon);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}:is(.x-check :where(input):where(:required))+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-check :where(input):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}.x-check :where(input):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}.x-check :where(input):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}.x-check :where(input):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check.invalid,.x-check :user-invalid,.validated .x-check :invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full);--x-color-outline-width: 1px}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}.x-color :where(input):before,.x-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.x-color :where(input):before{background-color:var(--x-color-primary)}.x-color :where(input):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-color :where(input):disabled{cursor:not-allowed}.x-color :where(input):disabled:before,.x-color :where(input):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}.x-color :where(input):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}.x-color :where(input):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 50%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-height: 3rem;--x-control-height-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--font-size-sm);--x-control-background-color: transparent;--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%;--x-control-color-swatch-width: 1.25rem;--x-control-color-swatch-height: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full);--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem;--x-control-label-translate-y: .625rem;--x-control-label-scale: .8;--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-height);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block);padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,textarea)::-moz-placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(input,textarea)::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-height-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control.invalid,.x-control:has(:user-invalid),.validated .x-control:has(:invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}.x-control>:where(input)::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-width);block-size:var(--x-control-color-swatch-height);padding:0}.x-control>:where(input)::-moz-color-swatch{inline-size:var(--x-control-color-swatch-width);block-size:var(--x-control-color-swatch-height);border-radius:var(--x-control-color-swatch-border-radius);margin:0}.x-control>:where(input)::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}[type=color]:is(.x-control>:where(input))~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-width))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}.x-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-height) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}.x-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-height: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-height);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}.x-group>:where(*):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}.x-group>:where(*):is(.x-button){--x-button-focus-outline-offset: 0}.x-group>:where(*):focus-within{z-index:1}.x-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.x-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}.x-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.x-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-family-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--font-size-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--font-size-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--font-size-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;-o-object-fit:contain;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--font-size-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--font-size-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--font-size-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:-moz-any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--font-size-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full);--x-progress-transition-duration: .3s;--x-progress-indeterminate-transition-duration: 1s}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));-moz-transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));-webkit-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-transition-duration) var(--transition-timing-function-linear) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}.x-range :where(input)::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}.x-range :where(input)::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}.x-range :where(input)::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);-webkit-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-webkit-slider-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input)::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));-moz-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-moz-range-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}:is(.x-range :where(input):not(:only-of-type))~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-color: var(--color-accent);--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{display:flex;align-items:center}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}.x-rating :where(input):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}.x-rating :where(input):before{-webkit-mask:var(--x-rating-icon);mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}.x-rating:has(:checked) input:where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}:is(.x-rating:hover input):hover~input{opacity:var(--x-rating-opacity)}.x-rating.invalid,.x-rating :user-invalid,.validated .x-rating :invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--font-size-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}.dark:root,.dark:host{--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.x-switch :where(input):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-switch :where(input):where(:required))+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}.x-switch :where(input):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}.x-switch :where(input):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}.x-switch :where(input):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}.x-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}.x-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch.invalid,.x-switch :user-invalid,.validated .x-switch :invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: var(--spacing-xl);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}.x-text :where(p):empty{line-height:0;margin:0}.x-text :where(p):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));-webkit-text-decoration:var(--x-text-link-text-decoration, underline);text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}.x-text :where(a):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}.x-text :where(a):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--font-size-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--font-size-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--font-size-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--font-size-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--font-size-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}.x-text :where(table) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}.x-text :where(table) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}.x-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}.x-text :where(ol,ul) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}.x-text :where(ol):not([type]){list-style:decimal}.x-text :where(ol) :where(li)::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}.x-text :where(ul) :where(li){position:relative;list-style-type:""}.x-text :where(ul) :where(li):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);-webkit-mask:var(--x-text-list-marker-mask);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text [style*=square]:where(ul){--x-text-list-marker-border-radius: 0}.x-text [style*=circle]:where(ul){--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--font-size-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--font-size-xs)}.x-title:is(.lg){--x-title-font-size: var(--font-size-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: var(--spacing-xs)}.x-breadcrumb>:where(ul,ol),.x-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.x-breadcrumb>:where(ul,ol)>li:not(:last-child):after{-webkit-mask:var(--x-breadcrumb-marker);mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: var(--spacing-2xl);--x-card-padding-inline: var(--spacing-3xl)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%;--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, transparent));transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%;--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: calc(100vw - 4rem) ;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer[inert]{pointer-events:none}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-height:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, var(--spacing-sm));display:flex;flex-direction:column}.validated .x-field:has(:invalid) :where(.x-info[hidden]){display:revert}.x-field:has([required]) :where(.x-label):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.x-carousel-content>:where(*):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}:is(.x-compare>:where(input)):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}:is(.x-compare>:where(input)):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}.x-compare>:where(input):active{cursor:grabbing}.x-compare>:where(.x-button){inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-width) / 2 * -1);margin-block:auto}.x-compare>:where(.x-image){display:grid;z-index:0}.x-compare>:where(.x-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.x-compare>:where(.x-image)>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-pagination{gap:var(--x-pagination-gap, var(--spacing-xs));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: var(--spacing-sm);--x-popover-content-padding-inline: var(--spacing-sm);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){transform-origin:bottom right}.x-popover-content:where(.end){inset-inline-end:0}.x-popover-content:where(.block-end){inset-block:auto 0}.x-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not(.in){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}.x-table :where(td,th):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}.x-table :where(td,th):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}.x-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.x-table :where(.outline):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}.x-tabs{background-color:var(--x-tabs-background-color, var(--color-body-secondary));gap:var(--x-tabs-gap, var(--spacing-xs));padding:var(--x-tabs-padding, var(--spacing-xs));border-radius:var(--x-tabs-border-radius, var(--radius));display:flex;inline-size:-moz-max-content;inline-size:max-content}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--font-size-sm);--x-tooltip-padding-block: var(--spacing-xs);--x-tooltip-padding-inline: var(--spacing-sm);--x-tooltip-margin-block: var(--spacing-xs);--x-tooltip-margin-inline: var(--spacing-xs);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute;pointer-events:none}.x-tooltip:where(.top):before,.x-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}.x-tooltip:where(.left):before,.x-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: var(--spacing-xl);--x-toaster-margin-block: var(--spacing-xs)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}:root,:host{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2);--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: var(--spacing-md);--x-toast-content-padding-inline: var(--spacing-lg);--x-toast-content-gap: var(--spacing-xl);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--transition-timing-function-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast.in{margin-block:var(--x-toaster-margin-block)}.x-toast.in:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast.out{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.x-toast-content .x-text{--x-text-font-size: var(--font-size-sm);--x-text-line-height: calc(1em + .375rem) }
1
+ :root,:host{--default-font-family: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-primary: var(--default-font-family);--font-family-secondary: var(--default-font-family);--font-weight-black: 900;--font-weight-extrabold: 800;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-extralight: 200;--font-weight-thin: 100;--font-size-xs: .75rem;--font-size-xs--line-height: 1rem;--font-size-sm: .875rem;--font-size-sm--line-height: 1.25rem;--font-size-base: 1rem;--font-size-base--line-height: 1.5rem;--font-size-lg: 1.125rem;--font-size-lg--line-height: 1.75rem;--font-size-xl: 1.25rem;--font-size-xl--line-height: 1.75rem;--font-size-2xl: 1.5rem;--font-size-2xl--line-height: 2rem;--font-size-3xl: 1.875rem;--font-size-3xl--line-height: 2.25rem;--font-size-4xl: 2.25rem;--font-size-4xl--line-height: 2.5rem;--font-size-5xl: 3rem;--font-size-5xl--line-height: 1;--font-size-6xl: 3.75rem;--font-size-6xl--line-height: 1;--font-size-7xl: 4.5rem;--font-size-7xl--line-height: 1;--font-size-8xl: 6rem;--font-size-8xl--line-height: 1;--font-size-9xl: 8rem;--font-size-9xl--line-height: 1;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain;--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-5xl: 2.5rem;--radius-6xl: 3rem;--radius-full: calc(infinity * 1px);--spacing-px: 1px;--spacing-0: 0px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility, display, overlay;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--transition-all: all var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-color: color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-background: background var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-opacity: opacity var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-transform: transform var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-border: border-color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-shadow: box-shadow var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-display: display var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-overlay: overlay var(--default-transition-duration) var(--transition-timing-function-in-out);--view-transition-main-duration: var(--default-transition-duration)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0;--view-transition-main-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50;--default-color-space: sRGB;--default-color-scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}:where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;cursor:revert}:where(textarea){white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}::-moz-selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where(summary:not([aria-disabled=true])),:where([role=button]:not([aria-disabled=true])){cursor:var(--cursor-pointer, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:var(--spacing-1) var(--spacing-2);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-1) var(--spacing-2);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}@view-transition{navigation: auto;}::view-transition{pointer-events:none}::view-transition-group(main){animation-duration:var(--view-transition-main-duration)}::view-transition-new(main){animation-delay:var(--view-transition-main-duration)}:after,:before{--tw-content: ""}:where(*),:where(*):before,:where(*):after{border:0 solid currentColor}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-inline-size);block-size:var(--x-badge-block-size);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--font-size-xs);--x-badge-gap: var(--spacing-1);--x-badge-block-size: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-block-size: 1.25rem;--x-badge-font-size: var(--font-size-xs)}.x-badge:is(.lg){--x-badge-block-size: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--font-size-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: var(--spacing-2);--x-button-block-size: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem;--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-inline-size);block-size:var(--x-button-block-size);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--x-button-transition-property, var(--default-transition-property));transition-timing-function:var(--x-button-timing-function, var(--transition-timing-function-in-out));transition-duration:var(--x-button-transition-duration, var(--default-transition-duration))}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}@media (hover: hover) and (pointer: fine){.x-button:is(button,input,label,:-moz-any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}}.x-button:is(button,input,label,:-moz-any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):active,.x-button:is(button,input,label,:-moz-any-link,[role=button]):checked,.x-button.active:is(button,input,label,:-moz-any-link,[role=button]){--x-button-background-color: var(--x-button-active-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button.active:is(button,input,label,:any-link,[role=button]){--x-button-background-color: var(--x-button-active-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(button,input,label,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-block-size: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-block-size: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 100%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size);--x-button-border-radius: var(--radius-full)}.x-button:has(.spinner-absolute){pointer-events:none;color:transparent}.x-button:has(.spinner-absolute) .spinner-absolute{color:var(--x-button-color);position:absolute}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: var(--spacing-3);--x-check-font-size: var(--font-size-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}:is(.x-check :where(input)):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);-webkit-mask:var(--x-check-icon);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}:is(.x-check :where(input)):where(:required)+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-check :where(input)):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}:is(.x-check :where(input)):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}:is(.x-check :where(input)):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}:is(.x-check :where(input)):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}:is(.x-check :where(input)):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}:is(.x-check :where(input)):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}:is(.x-check :where(input)):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check :user-invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full)}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}:is(.x-color :where(input)):before,:is(.x-color :where(input)):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}:is(.x-color :where(input)):before{background-color:var(--x-color-primary)}:is(.x-color :where(input)):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-color :where(input)):disabled{cursor:not-allowed}:is(.x-color :where(input)):disabled:before,:is(.x-color :where(input)):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}:is(.x-color :where(input)):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}:is(.x-color :where(input)):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}:is(.x-color :where(input)):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}:is(.x-color :where(input)):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-block-size: 3rem;--x-control-block-size-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--font-size-base);--x-control-background-color: transparent;--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%;--x-control-color-swatch-inline-size: 1.25rem;--x-control-color-swatch-block-size: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full);--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem;--x-control-label-translate-y: .625rem;--x-control-label-scale: .8;--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-block-size);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block-start, var(--x-control-padding-block)) var(--x-control-padding-block-end, var(--x-control-padding-block));padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}:is(.x-control>:where(input,textarea,select)):disabled{cursor:not-allowed}:is(.x-control>:where(input,textarea))::-moz-placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}:is(.x-control>:where(input,textarea))::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-block-size-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control:has(:user-invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}:is(.x-control>:where(input))::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);padding:0}:is(.x-control>:where(input))::-moz-color-swatch{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);border-radius:var(--x-control-color-swatch-border-radius);margin:0}:is(.x-control>:where(input))::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}[type=color]:is(.x-control>:where(input))~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-inline-size))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}:is(.x-control:where(:has([type=file]))>:where([type=file]))::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-block-size) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}:is(.x-control:where(:has([type=file]))>:where([type=file])):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,select))::-webkit-calendar-picker-indicator,:is(.x-control:where(:has(:not([type=color])~label))>:where(input,select))::-webkit-search-cancel-button,:is(.x-control:where(:has(:not([type=color])~label))>:where(input,select))::-webkit-outer-spin-button,:is(.x-control:where(:has(:not([type=color])~label))>:where(input,select))::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select)):is(:focus,:not(:-moz-placeholder-shown))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select)):is(:focus,:not(:placeholder-shown))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-block-size: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}:is(.x-control:has(select[multiple]) select)::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-block-size);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}:is(.x-group>:where(*)):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}:is(.x-group>:where(*)):is(.x-button){--x-button-focus-outline-offset: 0}:is(.x-group>:where(*)):focus-within{z-index:1}:is(.x-group>:where(*)):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}:is(.x-group>:where(*)):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}:is(.x-group:where(.vertical)>:where(*)):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}:is(.x-group:where(.vertical)>:where(*)):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-family-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--font-size-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--font-size-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--font-size-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;-o-object-fit:contain;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--font-size-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--font-size-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--font-size-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:-moz-any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--font-size-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full)}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));-moz-transition:all var(--x-progress-transition-duration, .3s) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration, .3s) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));-webkit-transition:all var(--x-progress-transition-duration, .3s) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration, .3s) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-animation-duration, 1s) var(--x-progress-indeterminate-animation-timing-function, var(--transition-timing-function-linear)) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}:is(.x-range :where(input))::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}:is(.x-range :where(input))::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}:is(.x-range :where(input))::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);-webkit-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}:is(:is(.x-range :where(input))::-webkit-slider-thumb):active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}:is(.x-range :where(input))::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));-moz-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}:is(:is(.x-range :where(input))::-moz-range-thumb):active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}:is(.x-range :where(input)):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}:is(.x-range :where(input)):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}:is(.x-range :where(input)):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}:is(.x-range :where(input)):not(:only-of-type)~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{--x-rating-color: var(--color-accent);display:flex;align-items:center;border-radius:var(--radius-full)}.x-rating:focus-within{outline:2px dotted var(--color-accent);outline-offset:3px}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}:is(.x-rating :where(input)):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}:is(.x-rating :where(input)):before{-webkit-mask:var(--x-rating-icon);mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}:is(.x-rating:has(:checked) input):where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}:is(.x-rating:hover input):hover~input{opacity:var(--x-rating-opacity)}.x-rating :user-invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--font-size-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}.dark:is(:root,:host){--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}:is(.x-switch :where(input)):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-switch :where(input)):where(:required)+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}:is(.x-switch :where(input)):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}:is(.x-switch :where(input)):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}:is(.x-switch :where(input)):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}:is(.x-switch :where(input)):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}:is(.x-switch :where(input)):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch :user-invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: var(--spacing-5);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}:is(.x-text :where(p)):empty{line-height:0;margin:0}:is(.x-text :where(p)):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));-webkit-text-decoration:var(--x-text-link-text-decoration, underline);text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}:is(.x-text :where(a)):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}:is(.x-text :where(a)):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--font-size-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--font-size-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--font-size-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--font-size-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--font-size-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}:is(.x-text :where(table)) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}:is(.x-text :where(table)) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}:is(:is(.x-text :where(table)) :where(tbody tr)):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}:is(.x-text :where(ol,ul)) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}:is(.x-text :where(ol)):not([type]){list-style:decimal}:is(:is(.x-text :where(ol)) :where(li))::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}:is(.x-text :where(ul)) :where(li){position:relative;list-style-type:""}:is(:is(.x-text :where(ul)) :where(li)):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);-webkit-mask:var(--x-text-list-marker-mask);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}[style*=square]:is(.x-text :where(ul)){--x-text-list-marker-border-radius: 0}[style*=circle]:is(.x-text :where(ul)){--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--font-size-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--font-size-xs)}.x-title:is(.lg){--x-title-font-size: var(--font-size-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: var(--spacing-1)}:is(.x-breadcrumb>:where(ul,ol)),:is(.x-breadcrumb>:where(ul,ol))>li{display:flex;align-items:center}:is(:is(.x-breadcrumb>:where(ul,ol))>li):not(:last-child):after{-webkit-mask:var(--x-breadcrumb-marker);mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-marker-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: var(--spacing-6);--x-card-padding-inline: var(--spacing-7)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%;--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, transparent));transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%;--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: 100%;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.x-drawer:not([open]),.x-drawer::backdrop{display:none}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-block-size:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, var(--spacing-2));display:flex;flex-direction:column}.x-field:has(:user-invalid) :where(.x-info[hidden]){display:revert}:is(.x-field:has([required]) :where(.x-label)):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}:is(.x-carousel-content>:where(*)):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}:is(.x-compare>:where(input)):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}:is(.x-compare>:where(input)):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}:is(.x-compare>:where(input)):active{cursor:grabbing}.x-compare>.x-button{inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-inline-size) / 2 * -1);margin-block:auto}.x-compare>.x-image{display:grid;z-index:0}:is(.x-compare>.x-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}:is(:is(.x-compare>.x-image)>:where(*):not(:only-child)):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-pagination{gap:var(--x-pagination-gap, var(--spacing-1));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: var(--spacing-2);--x-popover-content-padding-inline: var(--spacing-2);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){inset-inline-end:0;transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){inset-block:auto 0;transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){inset-block:auto 0;transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){inset-inline-end:0;transform-origin:bottom right}.x-popover-content:where(.inline-center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not([data-open]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.trigger-focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.trigger-hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}:is(.x-table :where(td,th)):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}:is(.x-table :where(td,th)):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}:is(:is(.x-table :where(tbody:first-child,tfoot:first-child)) :where(tr:first-child)),:is(:is(.x-table :where(tbody:first-child,tfoot:first-child)) :where(tr:first-child)) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}:is(:is(.x-table :where(tbody:first-child,tfoot:first-child)) :where(tr:first-child)),:is(:is(.x-table :where(tbody:first-child,tfoot:first-child)) :where(tr:first-child)) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}:is(:is(.x-table :where(tbody:last-child,tfoot:last-child)) :where(tr:last-child)),:is(:is(.x-table :where(tbody:last-child,tfoot:last-child)) :where(tr:last-child)) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}:is(:is(.x-table :where(tbody:last-child,tfoot:last-child)) :where(tr:last-child)),:is(:is(.x-table :where(tbody:last-child,tfoot:last-child)) :where(tr:last-child)) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}:is(.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline)):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}.x-tabs-list{background-color:var(--x-tabs-list-background-color, var(--color-body-secondary));gap:var(--x-tabs-list-gap, var(--spacing-1));padding:var(--x-tabs-list-padding, var(--spacing-1));border-radius:var(--x-tabs-list-border-radius, var(--radius));display:flex;inline-size:-moz-max-content;inline-size:max-content}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--font-size-sm);--x-tooltip-padding-block: var(--spacing-1);--x-tooltip-padding-inline: var(--spacing-2);--x-tooltip-margin-block: var(--spacing-1);--x-tooltip-margin-inline: var(--spacing-1);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute;pointer-events:none}:is(.x-tooltip:where(.top),.x-tooltip:where(.bottom)):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}:is(.x-tooltip:where(.left),.x-tooltip:where(.right)):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: var(--spacing-5);--x-toaster-margin-block: var(--spacing-1)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.x-toaster:not(:has(>*)){display:none}:root,:host{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2);--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: var(--spacing-3);--x-toast-content-padding-inline: var(--spacing-4);--x-toast-content-gap: var(--spacing-5);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--transition-timing-function-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast[data-open]{margin-block:var(--x-toaster-margin-block)}.x-toast[data-open]:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast[data-closed]{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-breakout-start] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-breakout-end] minmax(var(--container-padding),1fr) [container-full-end]}.grid-cols-container>:where(*){grid-column:container}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-breakout: min(100% - (var(--container-padding) * 2), var(--container-breakout-width));--container-width: 80rem;--container-breakout-width: calc(var(--container-width) + 10rem);--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.divider{--color-accent: currentColor;display:flex;align-items:center;align-self:stretch}.divider:where(:not(:empty)){gap:var(--divider-gap, var(--spacing-3))}.divider:before,.divider:after{content:"";flex-grow:1;border-block-start:1px solid color-mix(in var(--divider-border-block-color-space, srgb),var(--divider-border-block-color, var(--color-accent)) var(--divider-border-block-color-opacity, 15%),var(--divider-border-block-color-mix, transparent))}.divider:where(.flex-col):before,.divider:where(.flex-col):after{border-block-start:0;border-inline-start:1px solid color-mix(in var(--divider-border-inline-color-space, srgb),var(--divider-border-inline-color, var(--color-accent)) var(--divider-border-inline-color-opacity, 15%),var(--divider-border-inline-color-mix, transparent))}.dot{display:inline-flex;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;justify-content:center;align-items:center}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}.ripple{inline-size:var(--ripple-size, 5rem);block-size:var(--ripple-size, 5rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 15%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, .5s);animation-timing-function:var(--ripple-animation-timing-function, var(--transition-timing-function-in-out));position:absolute;border-radius:50%;transform:scale(0);pointer-events:none}.skeleton{background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}:root,:host{--skeleton-opacity: 50%;--skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));--skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main))}@keyframes spinner-ring-stretch{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-124px}}.spinner{inline-size:var(--spinner-inline-size, 1rem);block-size:var(--spinner-block-size, 1rem);border-radius:50%;border-width:var(--spinner-border-width, 2px);border-color:color-mix(in var(--default-color-space),currentColor var(--spinner-border-block-start-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentColor var(--spinner-border-inline-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentColor var(--spinner-border-block-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentColor var(--spinner-border-inline-start-color-opacity, 0%),transparent);border-style:solid;animation:linear var(--spinner-animation-duration, 1s) infinite spin}.spinner-circle{--spinner-border-inline-start-color-opacity: 25%;--spinner-border-inline-end-color-opacity: 25%;--spinner-border-block-end-color-opacity: 25%}.spinner-ring{--spinner-animation-duration: 2s;transform-origin:center;border:0}.spinner-ring circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:spinner-ring-stretch calc(var(--spinner-animation-duration) * .75) ease-in-out infinite;fill:none;stroke:currentColor}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);grid-area:1/-1;opacity:0%}.swap>[aria-hidden=false],.swap input:not(:checked,:indeterminate)+:where(*),.swap input:indeterminate~:where(*:nth-last-child(2)),.swap input:checked~:where(*:last-child){transform:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.underline-transparent:where(:any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}
package/dist/tailwind.css CHANGED
@@ -1 +1 @@
1
- *,: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 / .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 / .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: }.animation-ripple{animation-name:ripple}.divide-gap-x-xl>:where(*:not(:first-child)){padding-left:var(--spacing-xl);margin-left:var(--spacing-xl)}.dot{display:inline-flex;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;justify-content:center;align-items:center}.animation{animation-duration:var(--default-transition-duration);animation-fill-mode:both}[hidden]{display:none}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-lg-start] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-lg-end] minmax(var(--container-padding),1fr) [container-full-end]}.grid-cols-container>:where(*){grid-column:container}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.divider{--color-accent: currentColor;display:flex;align-items:center;align-self:stretch}.divider:where(:not(:empty)){gap:var(--divider-gap, var(--spacing-md))}.divider:before,.divider:after{content:"";flex-grow:1;border-block-start:1px solid color-mix(in var(--divider-border-block-color-space, srgb),var(--divider-border-block-color, var(--color-accent)) var(--divider-border-block-color-opacity, 15%),var(--divider-border-block-color-mix, transparent))}.divider:where(.flex-col):before,.divider:where(.flex-col):after{border-block-start:0;border-inline-start:1px solid color-mix(in var(--divider-border-inline-color-space, srgb),var(--divider-border-inline-color, var(--color-accent)) var(--divider-border-inline-color-opacity, 15%),var(--divider-border-inline-color-mix, transparent))}.ripple{inline-size:var(--ripple-size, 2rem);block-size:var(--ripple-size, 2rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 40%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, 1s);position:absolute;border-radius:50%;transform:scale(0);pointer-events:none}.skeleton{background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}:root,:host{--skeleton-opacity: 50%;--skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));--skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main))}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);grid-area:1/-1;opacity:0%}.swap>[aria-hidden=false],.swap input:not(:checked,:indeterminate)+:where(*),.swap input:indeterminate~:where(*:nth-last-child(2)),.swap input:checked~:where(*:last-child){transform:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.underline-transparent:where(:any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.sticky{position:sticky}.bottom-\[7\%\]{bottom:7%}.end-\[7\%\]{inset-inline-end:7%}.start-0{inset-inline-start:0px}.z-10{z-index:var(--z-index-10)}.col-\[x-control-padding\]{grid-column:x-control-padding}.col-\[x-control\]{grid-column:x-control}.col-span-12{grid-column:span 12 / span 12}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.row-\[x-control\]{grid-row:x-control}.me-auto{margin-inline-end:auto}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.ms-auto{margin-inline-start:auto}.mt-12{margin-top:3rem}.mt-2\.5{margin-top:.625rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-32{width:8rem;height:8rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-9{width:2.25rem;height:2.25rem}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.h-24{height:6rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[--x-control-height\]{width:var(--x-control-height)}.w-\[1280px\]{width:1280px}.w-\[30rem\]{width:30rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-96{max-width:24rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-1\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-y-16{row-gap:4rem}.gap-y-4{row-gap:1rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-body-tertiary>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),transparent)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:var(--radius)}.rounded-full{border-radius:var(--radius-full)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-body-tertiary{--tw-border-opacity: 1;border-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-dark\/20{border-color:color-mix(in var(--default-color-space),var(--color-dark) 20%,transparent)}.border-b-main{--tw-border-opacity: 1;border-bottom-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-border-opacity) * 100%),transparent)}.border-opacity-100{--tw-border-opacity: 1}.border-opacity-25{--tw-border-opacity: .25}.border-opacity-50{--tw-border-opacity: .5}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-blue-100\/10{background-color:#dbeafe1a}.bg-body-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-warning\/10{background-color:color-mix(in var(--default-color-space),var(--color-warning) 10%,transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-4xl{padding:var(--spacing-4xl)}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[--card-p\]{padding:var(--card-p)}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.py-4{padding-top:1rem;padding-bottom:1rem}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pe-16{padding-inline-end:4rem}.ps-10{padding-inline-start:2.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-primary{font-family:var(--font-family-primary)}.font-secondary{font-family:var(--font-family-secondary)}.text-9xl{font-size:var(--font-size-9xl, 8rem);line-height:calc(var(--font-size-9xl) + .5rem)}.text-lg{font-size:var(--font-size-lg, 1.125rem);line-height:calc(var(--font-size-lg) + .5rem)}.text-sm{font-size:var(--font-size-sm, .875rem);line-height:calc(var(--font-size-sm) + .5rem)}.font-black{font-weight:900}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-light{font-weight:var(--font-weight-light)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-opacity-60{--tw-text-opacity: .6}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-body{outline-color:color-mix(in var(--default-color-space),var(--color-body) 100%,transparent)}.transition{transition-property:var(--default-transition-property);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration)}.accent-accent{--color-accent: var(--color-accent);--color-accent-foreground: var(--color-accent-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-foreground: var(--color-body-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: color-mix(in var(--default-color-space), currentcolor 100% , transparent);accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-foreground: var(--color-dark-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-foreground: var(--color-error-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-foreground: var(--color-info-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-foreground: var(--color-light-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-foreground: var(--color-main-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-foreground: var(--color-success-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-foreground: var(--color-warning-foreground, var(--color-light));accent-color:var(--color-accent)}.text-accent{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-text-opacity) * 100%),transparent)}.text-body{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-body) calc(var(--tw-text-opacity) * 100%),transparent)}.text-current{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-text-opacity) * 100%),transparent)}.text-current\/50{color:color-mix(in var(--default-color-space),currentcolor 50%,transparent)}.text-dark{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-text-opacity) * 100%),transparent)}.text-error{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-text-opacity) * 100%),transparent)}.text-info{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-text-opacity) * 100%),transparent)}.text-light{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}.text-main{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-text-opacity) * 100%),transparent)}.text-main-secondary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-primary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-primary\/50{color:color-mix(in var(--default-color-space),var(--color-primary) 50%,transparent)}.text-red-400\/50{color:#f8717180}.text-success{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-text-opacity) * 100%),transparent)}.text-warning{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-text-opacity) * 100%),transparent)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.paused{animation-play-state:paused}.\[--x-control-padding-inline-end\:theme\(spacing\.14\)\]{--x-control-padding-inline-end: 3.5rem}.\[--x-control-padding-inline-start\:theme\(spacing\.8\)\]{--x-control-padding-inline-start: 2rem}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}.backdrop\:hidden::backdrop{display:none}.before\:hidden:before{content:var(--tw-content);display:none}.before\:border-t-4:before{content:var(--tw-content);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);border-style:dashed}.before\:content-\[attr\(data-unit\)\]:before{--tw-content: attr(data-unit);content:var(--tw-content)}.after\:-order-last:after{content:var(--tw-content);order:-9999}.after\:border-t-4:after{content:var(--tw-content);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);border-style:dashed}.hover\:text-opacity-100:hover{--tw-text-opacity: 1}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in var(--default-color-space),var(--color-primary) 100%,transparent)}.hover\:text-light:hover{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}.hover\:text-primary:hover{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}.disabled\:text-main\/75:disabled{color:color-mix(in var(--default-color-space),var(--color-main) 75%,transparent)}.group[open] .group-open\:-scale-y-100{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-hidden\:hidden[aria-hidden=true]{display:none}.aria-selected\:border-opacity-100[aria-selected=true]{--tw-border-opacity: 1}.dark\:bg-dark:is(.dark *){--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.dark\:text-light:is(.dark *){--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}
1
+ *,: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 / .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 / .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: }.animation-ripple{animation-name:ripple}.ms-auto{margin-inline-start:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory }.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-body-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-info{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.font-primary{font-family:var(--font-family-primary,var(--default-font-family))}.font-secondary{font-family:var(--font-family-secondary,var(--default-font-family))}.font-bold{font-weight:var(--font-weight-bold,700)}.font-extrabold{font-weight:var(--font-weight-extrabold,800)}.font-light{font-weight:var(--font-weight-light,300)}.font-medium{font-weight:var(--font-weight-medium,500)}.font-normal{font-weight:var(--font-weight-normal,400)}.font-semibold{font-weight:var(--font-weight-semibold,600)}.accent-accent{--color-accent: var(--color-accent);--color-accent-foreground: var(--color-accent-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: color-mix(in var(--default-color-space), currentcolor 100% , var(--default-color-mix, transparent));accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-foreground: var(--color-dark-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-foreground: var(--color-error-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-foreground: var(--color-info-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-foreground: var(--color-light-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-foreground: var(--color-main-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-foreground: var(--color-success-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-foreground: var(--color-warning-foreground, var(--color-light));accent-color:var(--color-accent)}.text-accent{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-current{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-dark{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-error{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-info{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-light{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-main{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-primary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-success{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-warning{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "2.0.0-next.9",
3
+ "version": "2.0.1",
4
4
  "type": "module",
5
5
  "types": "types/index.d.ts",
6
6
  "main": "plugin/index.cjs",
@@ -19,34 +19,35 @@
19
19
  "publish-next": "npm publish --tag next"
20
20
  },
21
21
  "devDependencies": {
22
- "@floating-ui/dom": "^1.6.7",
23
- "@stylistic/stylelint-config": "^1.0.1",
22
+ "@floating-ui/dom": "^1.6.11",
23
+ "@stylistic/stylelint-config": "^2.0.0",
24
24
  "@tailwindcss/container-queries": "^0.1.1",
25
- "@vitejs/plugin-vue": "^5.0.5",
26
- "autoprefixer": "^10.4.19",
27
- "css-has-pseudo": "^6.0.5",
28
- "dts-buddy": "^0.5.1",
29
- "eslint": "^8.57.0",
30
- "eslint-config-standard": "^17.1.0",
25
+ "@vitejs/plugin-vue": "^5.1.4",
26
+ "autoprefixer": "^10.4.20",
27
+ "css-has-pseudo": "^7.0.0",
28
+ "dts-buddy": "^0.5.3",
29
+ "eslint": "^9.12.0",
31
30
  "fast-glob": "^3.3.2",
32
- "postcss": "^8.4.39",
33
- "postcss-custom-media": "^10.0.8",
31
+ "neostandard": "^0.11.6",
32
+ "postcss": "^8.4.47",
33
+ "postcss-custom-media": "^11.0.2",
34
34
  "postcss-import": "^16.1.0",
35
- "postcss-nesting": "^12.1.5",
35
+ "postcss-nesting": "^13.0.0",
36
36
  "slide-element": "^2.3.1",
37
- "stylelint": "^16.7.0",
37
+ "stylelint": "^16.9.0",
38
38
  "stylelint-config-standard": "^36.0.1",
39
- "tailwindcss": "^3.4.5",
39
+ "tailwindcss": "^3.4.13",
40
40
  "tailwindcss-animate": "^1.0.7",
41
- "typescript": "^5.5.3",
42
- "vite": "^5.3.3",
43
- "vue": "^3.4.31"
41
+ "typescript": "^5",
42
+ "vite": "^5.4.8",
43
+ "vue": "^3.5.11"
44
44
  },
45
45
  "files": [
46
46
  "index.js",
47
47
  "tailwind.config.js",
48
48
  "dist",
49
49
  "src",
50
+ "tailwindcss",
50
51
  "plugin",
51
52
  "types"
52
53
  ],
@@ -58,6 +59,7 @@
58
59
  "types": "./plugin/types.d.ts"
59
60
  },
60
61
  "./src/*": "./src/*",
62
+ "./tailwindcss/*": "./tailwindcss/*",
61
63
  "./dist/*": "./dist/*",
62
64
  "./plugin/*": "./plugin/*",
63
65
  "./src/components/carousel": {
@@ -88,6 +90,10 @@
88
90
  "default": "./src/components/tabs/index.js",
89
91
  "types": "./src/components/tabs/index.d.ts"
90
92
  },
93
+ "./src/components/toast": {
94
+ "default": "./src/components/toast/index.js",
95
+ "types": "./src/components/toast/index.d.ts"
96
+ },
91
97
  "./src/components/toaster": {
92
98
  "default": "./src/components/toaster/index.js",
93
99
  "types": "./src/components/toaster/index.d.ts"