winduum 0.1.18 → 0.2.0-beta.2

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 (95) hide show
  1. package/dist/main-rgb.css +1 -0
  2. package/dist/main.css +1 -1
  3. package/dist/tailwind.css +1 -1
  4. package/package.json +16 -18
  5. package/src/base/config.css +0 -10
  6. package/src/base/default.css +23 -10
  7. package/src/base/icons.css +0 -3
  8. package/src/base/index.css +2 -0
  9. package/src/base/keyframes.css +0 -118
  10. package/src/base/reset.css +27 -15
  11. package/src/base/tailwind/utilities.css +3 -3
  12. package/src/base/theme/dark-rgb.css +5 -0
  13. package/src/base/theme/dark.css +5 -7
  14. package/src/base/theme/default-rgb.css +14 -0
  15. package/src/base/theme/default.css +19 -14
  16. package/src/components/dialog.css +2 -2
  17. package/src/components/field.css +3 -3
  18. package/src/libraries/dialog.css +2 -2
  19. package/src/libraries/dialog.js +7 -9
  20. package/src/libraries/ripple.css +2 -2
  21. package/src/libraries/ripple.js +1 -3
  22. package/src/main-rgb.css +1 -0
  23. package/src/main.css +1 -1
  24. package/src/main.js +1 -0
  25. package/src/ui/badge/bordered.css +8 -0
  26. package/src/ui/badge/circle.css +5 -0
  27. package/src/ui/badge/default.css +40 -0
  28. package/src/ui/badge/group.css +16 -0
  29. package/src/ui/badge/index.css +8 -0
  30. package/src/ui/badge/lg.css +3 -0
  31. package/src/ui/badge/muted.css +3 -0
  32. package/src/ui/badge/sm.css +4 -0
  33. package/src/ui/badge/square.css +4 -0
  34. package/src/ui/badge.css +1 -109
  35. package/src/ui/btn/bordered-rgb.css +3 -0
  36. package/src/ui/btn/bordered.css +8 -0
  37. package/src/ui/btn/circle.css +5 -0
  38. package/src/ui/btn/default-rgb.css +9 -0
  39. package/src/ui/btn/default.css +97 -0
  40. package/src/ui/btn/ghosted.css +4 -0
  41. package/src/ui/btn/gradient-bordered.css +27 -0
  42. package/src/ui/btn/gradient.css +10 -0
  43. package/src/ui/btn/group.css +18 -0
  44. package/src/ui/btn/hover-fill.css +8 -0
  45. package/src/ui/btn/index.css +15 -0
  46. package/src/ui/btn/lg.css +4 -0
  47. package/src/ui/btn/loading.css +24 -0
  48. package/src/ui/btn/muted.css +4 -0
  49. package/src/ui/btn/raised.css +8 -0
  50. package/src/ui/btn/sm.css +4 -0
  51. package/src/ui/btn/square.css +4 -0
  52. package/src/ui/btn/wide.css +4 -0
  53. package/src/ui/btn.css +1 -234
  54. package/src/ui/check.css +130 -0
  55. package/src/ui/control/default-rgb.css +18 -0
  56. package/src/ui/control/default.css +94 -0
  57. package/src/ui/control/floating-focus.css +8 -0
  58. package/src/ui/control/floating.css +31 -0
  59. package/src/ui/control/group.css +22 -0
  60. package/src/ui/control/icon.css +66 -0
  61. package/src/ui/control/index.css +6 -0
  62. package/src/ui/control/select.css +27 -0
  63. package/src/ui/heading/default.css +12 -0
  64. package/src/ui/heading/index.css +3 -0
  65. package/src/ui/heading/lg.css +3 -0
  66. package/src/ui/heading/sm.css +4 -0
  67. package/src/ui/heading.css +1 -21
  68. package/src/ui/image.css +4 -4
  69. package/src/ui/{+.css → index.css} +2 -4
  70. package/src/ui/info.css +1 -1
  71. package/src/ui/input.css +1 -226
  72. package/src/ui/label.css +1 -1
  73. package/src/ui/link/default.css +33 -0
  74. package/src/ui/link/index.css +2 -0
  75. package/src/ui/link/underlined.css +47 -0
  76. package/src/ui/link.css +1 -45
  77. package/src/ui/notice.css +9 -22
  78. package/src/ui/progress/default.css +39 -0
  79. package/src/ui/progress/index.css +3 -0
  80. package/src/ui/progress/lg.css +3 -0
  81. package/src/ui/progress/sm.css +3 -0
  82. package/src/ui/progress.css +1 -50
  83. package/src/ui/switch.css +23 -28
  84. package/src/ui/text.css +15 -15
  85. package/src/ui/title/default.css +12 -0
  86. package/src/ui/title/index.css +3 -0
  87. package/src/ui/title/lg.css +3 -0
  88. package/src/ui/title/sm.css +3 -0
  89. package/src/ui/title.css +1 -20
  90. package/tailwind.config.cjs +1 -1
  91. package/utils/tailwind.cjs +42 -27
  92. package/utils/tailwind.js +36 -23
  93. package/src/ui/checkbox.css +0 -106
  94. package/src/ui/radio.css +0 -4
  95. package/src/ui/select.css +0 -27
package/dist/main-rgb.css ADDED
@@ -0,0 +1 @@
1
+ .ui-control{--ui-control-border-color: var(--color-current-rgb)}.ui-control :where(input,textarea,select){border:var(--ui-control-border-width) solid rgb(var(--ui-control-border-color) / var(--ui-control-border-opacity))}.ui-control :where(input,textarea,select):focus{--ui-control-border-color: var(--color-accent-rgb)}.ui-control.invalid,.validated .ui-control :where(input,textarea,select):invalid{--ui-control-border-color: var(--color-error-rgb);--color-accent-rgb: var(--color-error-rgb);background-color:rgb(var(--color-error-rgb) / var(--ui-control-error-opacity))}
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- *:where(:not(html,iframe,canvas,img,svg,video,audio,svg *,symbol *,ol,ul)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}:where(ol:not([type]),ul,menu){list-style:none}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance: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,textarea){cursor:text}:where(a[href],button){cursor:pointer}:where(svg,use,path,symbol){all:revert-layer}::-moz-selection{color:rgb(var(--color-light));background-color:rgb(var(--color-accent))}::selection{color:rgb(var(--color-light));background-color:rgb(var(--color-accent))}:where(*){outline:none;-webkit-tap-highlight-color:rgb(255 255 255 / 0)}:where([hidden]){display:none}:where(svg){stroke-width:1.5}:where(hr){display:block;border-top:2px solid rgb(var(--color-current) / var(--tw-border-opacity, 1));border-radius:var(--rounded)}:where(html){font-family:var(--font-primary);font-weight:var(--font-normal);height:100%;line-height:1.5;cursor:default}:where(body){min-height:100%;background-color:rgb(var(--color-background));color:rgb(var(--color-default));accent-color:rgb(var(--color-accent))}:root{--font-default: 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-primary: var(--font-default);--font-secondary: var(--font-default);--color-google: 49 45 45;--color-linkedin: 40 103 178;--color-youtube: 255 0 0;--color-instagram: 193 53 132;--color-twitter: 29 161 242;--color-facebook: 24 119 242;--color-apple: 0 0 0;--container-width: 80rem;--container-width-sm: 58rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2) + var(--container-padding)), var(--container-padding));--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--rounded: .75rem;--rounded-xs: .5rem;--rounded-sm: .875rem;--rounded-base: 1rem;--rounded-md: 1.125rem;--rounded-lg: 1.5rem;--rounded-xl: 3rem;--rounded-2xl: 6rem;--rounded-3xl: 8rem;--rounded-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .875rem;--spacing-base: 1rem;--spacing-md: 1.125rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--spacing-2xl: 6rem;--spacing-3xl: 8rem;--transition-duration: .15s;--transition-color: color var(--transition-duration) ease;--transition-background: background var(--transition-duration) ease;--transition-opacity: opacity var(--transition-duration) ease;--transition-transform: transform var(--transition-duration) ease;--transition-border: border-color var(--transition-duration) ease;--transition-shadow: box-shadow var(--transition-duration) ease}@media (prefers-reduced-motion){:root{--transition-duration: 0}}:root{--icon-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;--icon-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;--icon-chevron-right: 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="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50% / contain;--icon-chevron-left: 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="M15 19l-7-7 7-7" /></svg>') no-repeat 50% 50% / contain;--icon-angle-up: 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" style="transform: scaleY(-1) translateY(1px); transform-origin: 50% 50%;" /></svg>') no-repeat 50% 50% / contain;--icon-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;--icon-upload: 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" /></svg>') no-repeat 50% 50% / contain}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-5rem)}to{opacity:1;transform:none}}@keyframes fade-in-right{0%{opacity:0;transform:translate(5rem)}to{opacity:1;transform:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-left{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-5rem)}}@keyframes fade-out-right{0%{opacity:1;transform:none}to{opacity:0;transform:translate(5rem)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes loading-skeleton{to{background-position:250% 0}}:root{--color-accent: var(--color-primary);--color-current: var(--color-default);--color-default: 17 19 21;--color-primary: 3 138 255;--color-secondary: 69 71 72;--color-light: 255 255 255;--color-dark: 17 19 21;--color-success: 33 154 67;--color-error: 254 50 75;--color-warning: 254 179 53;--color-info: 45 168 234;--color-background: 255 255 255;--color-background-100: 249 250 252;--color-background-200: 235 235 235;--color-background-300: 225 225 225}:root.dark{--color-default: 201 209 217;--color-invert: 14 17 22;--color-secondary: 39 41 46;--color-background: 25 26 27;--color-background-100: 14 15 16;--color-background-200: 26 32 38;--color-background-300: 30 36 46}:where(.ui-badge){--color-current: var(--color-light);--ui-badge-width: max-content;--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-border-radius: var(--rounded-xs);--ui-badge-font-size: .75rem;--ui-badge-font-weight: var(--font-normal);--ui-badge-bg: rgb(var(--color-accent) / var(--ui-badge-bg-opacity));--ui-badge-bg-opacity: var(--tw-bg-opacity, 1);--ui-badge-color: rgb(var(--color-current) / var(--ui-badge-color-opacity));--ui-badge-color-opacity: var(--tw-text-opacity, 1);--ui-badge-outline-width: 1px;--ui-badge-outline-opacity: .75;--ui-badge-icon-font-size: .875rem;--ui-badge-gap: .25rem;--ui-badge-focus-opacity: .3;--ui-badge-hover-opacity: .8;width:var(--ui-badge-width);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius);font-size:var(--ui-badge-font-size);font-weight:var(--ui-badge-font-weight);background-color:var(--ui-badge-bg);color:var(--ui-badge-color);display:inline-flex;align-items:center;text-align:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;z-index:0;gap:var(--ui-badge-gap);transition:var(--transition-opacity)}:where(.ui-badge) :where(svg){width:1em;height:1em;font-size:var(--ui-badge-icon-font-size)}:where(.ui-badge):where(.is-sm){--ui-badge-height: 1.25rem;--ui-badge-font-size: .625rem}:where(.ui-badge):where(.is-lg){--ui-badge-height: 1.75rem}:where(.ui-badge):where(.is-outline){outline:var(--ui-badge-outline-width) solid rgb(var(--color-accent) / var(--ui-badge-outline-opacity));outline-offset:calc(var(--ui-badge-outline-width) * -1)}:where(.ui-badge):where(.is-outline,.is-muted){--color-current: var(--color-accent);--ui-badge-bg: transparent}:where(.ui-badge):where(.is-muted){background-color:rgb(var(--color-current) / .1)}:where(.ui-badge):where(.is-square,.is-circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}:where(.ui-badge):where(.is-circle){--ui-badge-border-radius: var(--rounded-full)}@media (hover: hover) and (pointer: fine){:where(.ui-badge):where([href],button):hover{opacity:var(--ui-badge-hover-opacity)}}:where(.ui-badge):where([href],button):focus-visible{z-index:2;box-shadow:0 0 0 0 rgb(var(--color-current)),0 0 0 max(2px,var(--ui-badge-outline-width)) rgb(var(--color-accent) / var(--ui-badge-focus-opacity))}:where(.ui-badge-group){display:flex}:where(.ui-badge-group) :where(.ui-badge):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:calc(var(--ui-badge-outline-width) * -1)}:where(.ui-badge-group) :where(.ui-badge):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:where(.ui-btn){--color-current: var(--color-light);--ui-btn-width: max-content;--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem;--ui-btn-border-radius: var(--rounded);--ui-btn-font-size: .875rem;--ui-btn-font-weight: var(--font-medium);--ui-btn-bg: rgb(var(--color-accent) / var(--ui-btn-bg-opacity));--ui-btn-bg-opacity: var(--tw-bg-opacity, 1);--ui-btn-color: rgb(var(--color-current) / var(--ui-btn-color-opacity));--ui-btn-color-opacity: var(--tw-text-opacity, 1);--ui-btn-hover-filter: invert(1);--ui-btn-hover-opacity: .2;--ui-btn-focus-opacity: .3;--ui-btn-disabled-opacity: .7;--ui-btn-outline-width: 2px;--ui-btn-outline-opacity: .5;--ui-btn-icon-font-size: 1.25rem;--ui-btn-gap: .375rem;--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px;width:var(--ui-btn-width);height:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);background-color:var(--ui-btn-bg);color:var(--ui-btn-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:inline-flex;align-items:center;text-align:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;z-index:0;transition:var(--transition-opacity),var(--transition-background),var(--transition-color),var(--transition-shadow);gap:var(--ui-btn-gap)}:where(.ui-btn):before{content:"";position:absolute;inset:0;background-color:rgb(var(--color-current));filter:var(--ui-btn-hover-filter);z-index:-1;opacity:0;transition:var(--transition-opacity)}:where(.ui-btn) :where(svg){width:1em;height:1em;font-size:var(--ui-btn-icon-font-size)}:where(.ui-btn):where(.is-sm){--ui-btn-height: 2rem;--ui-btn-px: 1rem}:where(.ui-btn):where(.is-lg){--ui-btn-height: 3rem;--ui-btn-px: 1.75rem}:where(.ui-btn):where(.is-loading){pointer-events:none;color:transparent!important}:where(.ui-btn):where(.is-loading)>*{opacity:0}:where(.ui-btn):where(.is-loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid rgb(var(--color-current));border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}:where(.ui-btn):where(.is-wide){padding-left:calc(var(--ui-btn-px) * 2);padding-right:calc(var(--ui-btn-px) * 2)}:where(.ui-btn):where(.is-outline,.is-muted,.is-text){--color-current: var(--color-accent);--ui-btn-hover-opacity: .1;--ui-btn-hover-filter: none;background-color:transparent}:where(.ui-btn):where(.is-outline,.is-muted,.is-text):before{background-color:var(--ui-btn-bg)}:where(.ui-btn):where(.is-outline){--ui-btn-focus-opacity: .15;outline:var(--ui-btn-outline-width) solid rgb(var(--color-accent) / var(--ui-btn-outline-opacity));outline-offset:calc(var(--ui-btn-outline-width) * -1)}:where(.ui-btn):where(.is-outline-gradient){--ui-btn-focus-opacity: .15;--color-accent: var(--color-default);--color-current: var(--color-accent)}.is-loading.is-hover-fill:where(.ui-btn):where(.is-outline-gradient){--color-current: var(--color-light)}:where(.ui-btn):where(.is-outline-gradient):not(.is-loading):after{content:"";position:absolute;background-color:rgb(var(--color-background));inset:var(--ui-btn-outline-width);border-radius:calc(var(--ui-btn-border-radius) / 1.25);z-index:-1;transition:var(--transition-opacity)}:where(.ui-btn):where(.is-muted){--ui-btn-hover-opacity: .3}:where(.ui-btn):where(.is-muted):before{opacity:.1}:where(.ui-btn):where(.is-raised){--ui-btn-outline-opacity: .15;outline:var(--ui-btn-outline-width) solid rgb(var(--color-current) / var(--ui-btn-outline-opacity));outline-offset:calc(var(--ui-btn-outline-width) * -1)}:where(.ui-btn):where(.is-square,.is-circle){--ui-btn-py: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}:where(.ui-btn):where(.is-circle){--ui-btn-border-radius: var(--rounded-full)}:where(.ui-btn):where(.is-hover-fill){--ui-btn-hover-opacity: 1}@media (hover: hover) and (pointer: fine){:where(.ui-btn):not(:disabled):hover:before{opacity:var(--ui-btn-hover-opacity)}.is-hover-fill:where(.ui-btn):not(:disabled):hover{--color-current: var(--color-light)}.is-outline-gradient:where(.ui-btn):not(:disabled):hover:before,.is-outline-gradient:where(.ui-btn):not(:disabled):hover:after{opacity:0}}:where(.ui-btn):is(:not(:disabled):active,.is-active):before{opacity:var(--ui-btn-hover-opacity)}.is-outline-gradient:where(.ui-btn):is(:not(:disabled):active,.is-active):before,.is-outline-gradient:where(.ui-btn):is(:not(:disabled):active,.is-active):after{opacity:0}.is-hover-fill:where(.ui-btn):is(:not(:disabled):active,.is-active){--color-current: var(--color-light)}:where(.ui-btn):focus-visible{z-index:2;box-shadow:0 0 0 0 rgb(var(--color-current)),0 0 0 max(2px,var(--ui-btn-outline-width)) rgb(var(--color-accent) / var(--ui-btn-focus-opacity))}:where(.ui-btn):disabled{opacity:var(--ui-btn-disabled-opacity);cursor:not-allowed}:where(.ui-btn-group){display:flex}:where(.ui-btn-group) :where(.ui-btn):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:calc(var(--ui-btn-outline-width) * -1)}:where(.ui-btn-group) :where(.ui-btn):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:where(.ui-checkbox,.ui-radio){--ui-checkbox-width: 1.375rem;--ui-checkbox-font-size: .875rem;--ui-checkbox-gap: .625rem;--ui-checkbox-bg-raw: var(--color-background);--ui-checkbox-bg-opacity: .1;--ui-checkbox-border-color-raw: var(--color-current);--ui-checkbox-border-color-opacity: .2;--ui-checkbox-checked-bg-raw: var(--color-accent);--ui-checkbox-radius: .5rem;--ui-checkbox-icon: var(--icon-check);--ui-checkbox-icon-font-size: 1.125rem;--ui-checkbox-validity-font-size: .875rem;--ui-checkbox-validity-offset: .375rem;--ui-checkbox-box-shadow: none;display:flex;align-items:center;gap:0 var(--ui-checkbox-gap);flex-wrap:wrap;width:-moz-max-content;width:max-content;font-size:var(--ui-checkbox-font-size)}:where(.ui-checkbox,.ui-radio) :where(label[for],input){cursor:pointer}:where(.ui-checkbox,.ui-radio) a{color:rgb(var(--color-accent));text-decoration:underline}:where(.ui-checkbox,.ui-radio) input{--color-current: var(--color-light);display:flex;width:var(--ui-checkbox-width);height:var(--ui-checkbox-width);background-color:rgb(var(--ui-checkbox-bg-raw) / var(--tw-bg-opacity, var(--ui-checkbox-bg-opacity)));border:1px solid rgb(var(--ui-checkbox-border-color-raw) / var(--tw-border-opacity, var(--ui-checkbox-border-color-opacity)));border-radius:var(--ui-checkbox-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;transition:var(--transition-border),var(--transition-background),var(--transition-shadow);box-shadow:var(--ui-checkbox-box-shadow);font-size:var(--ui-checkbox-icon-font-size)}:where(.ui-checkbox,.ui-radio) input:before{line-height:var(--ui-checkbox-icon-font-size);text-indent:0;display:block;transition:var(--transition-color),var(--transition-opacity),var(--transition-transform);color:rgb(var(--color-current));content:"";background-color:currentColor;-webkit-mask:var(--ui-checkbox-icon);mask:var(--ui-checkbox-icon);opacity:0;transform:scale(0);will-change:transform;width:1em;height:1em}:is(:where(.ui-checkbox,.ui-radio) input:where(:required))+*:after{color:rgb(var(--color-error));content:" *"}:where(.ui-checkbox,.ui-radio) input:is(:hover,:focus-visible){--ui-checkbox-bg-raw: var(--ui-checkbox-checked-bg-raw);--ui-checkbox-border-color-raw: var(--ui-checkbox-checked-bg-raw);--tw-border-opacity: .75;--tw-bg-opacity: .1}:where(.ui-checkbox,.ui-radio) input:focus{--ui-checkbox-box-shadow: 0 0 0 0 rgb(var(--color-current)), 0 0 0 3px rgb(var(--ui-checkbox-checked-bg-raw) / .2), 0 1px 2px 0 rgb(var(--color-current) / .05)}:where(.ui-checkbox,.ui-radio) input:checked{--tw-border-opacity: 0;background-color:rgb(var(--ui-checkbox-checked-bg-raw))}:where(.ui-checkbox,.ui-radio) input:checked:before{opacity:1;transform:scale(1)}.is-invalid:where(.ui-checkbox,.ui-radio),.is-validated :where(.ui-checkbox,.ui-radio) :where(input):invalid{--ui-checkbox-bg-raw: var(--color-error);--ui-checkbox-border-color-raw: var(--color-error);--ui-checkbox-checked-bg-raw: var(--color-error);--color-current: var(--color-error);--tw-border-opacity: 1}:where(.ui-heading){--ui-heading-font-family: var(--font-primary);--ui-heading-font-weight: var(--font-semibold);--ui-heading-font-size: 1.25rem;--ui-heading-line-height: calc(var(--ui-heading-font-size) + var(--ui-heading-line-height-ratio));--ui-heading-line-height-ratio: .375rem;font-family:var(--ui-heading-font-family);font-size:var(--ui-heading-font-size);line-height:var(--ui-heading-line-height);font-weight:var(--ui-heading-font-weight)}:where(.ui-heading):where(.is-sm){--ui-heading-font-size: 1.125rem;--ui-heading-line-height-ratio: .125rem}:where(.ui-heading):where(.is-lg){--ui-heading-font-size: 1.875rem}:where(.ui-image){--ui-image-bg: rgb(var(--color-background-200));--ui-image-border-radius: 0;position:relative;display:block;background-color:var(--ui-image-bg);border-radius:var(--ui-image-border-radius)}:where(.ui-image)>*{width:100%;height:100%;border-radius:inherit}:where(.ui-info){--ui-info-font-size: .75rem;--ui-info-font-weight: var(--font-normal);font-size:var(--ui-info-font-size);font-weight:var(--ui-info-font-weight)}:where(.ui-input,.ui-select){--ui-input-height: 3rem;--ui-input-height-textarea: 8rem;--ui-input-pt-floating: 1.25rem;--ui-input-pb-floating: .4375rem;--ui-input-py: .875rem;--ui-input-px: .875rem;--ui-input-pl: var(--ui-input-px);--ui-input-pr: var(--ui-input-px);--ui-input-bg: rgb(var(--color-background));--ui-input-color: currentColor;--ui-input-placeholder-color: currentColor;--ui-input-placeholder-opacity: .5;--ui-input-font-size: .875rem;--ui-input-font-weight: var(--font-medium);--ui-input-border-width: 1px;--ui-input-border-color: var(--color-current);--ui-input-border-opacity: .15;--ui-input-border-radius: var(--rounded);--ui-input-box-shadow: none;--ui-input-icon-font-size: 1.25rem;--ui-input-icon-count-l: 1;--ui-input-icon-count-r: 1;--ui-input-icon-gap: .375rem;--ui-input-icon-inset-x: calc(var(--ui-input-px) - .25rem);--ui-input-icon-inset-x-gap: .125rem;--ui-input-icon-offset-l: calc(var(--ui-input-icon-inset-x) + var(--ui-input-icon-inset-x-gap) + (var(--ui-input-icon-font-size) + var(--ui-input-icon-gap)) * var(--ui-input-icon-count-l));--ui-input-icon-offset-r: calc(var(--ui-input-icon-inset-x) + var(--ui-input-icon-inset-x-gap) + (var(--ui-input-icon-font-size) + var(--ui-input-icon-gap)) * var(--ui-input-icon-count-r));--ui-input-label-floating-font-size: .875rem;--ui-input-label-floating-font-weight: var(--font-medium);--ui-input-label-floating-focus-transform: translateY(-.6875rem) scale(.8);--ui-input-label-floating-focus-opacity: .5;display:grid;grid-template-areas:"input";font-size:var(--ui-input-font-size);position:relative}.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-34-39-38-18-w-1a-39-2x-19-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-30-15]{--ui-input-pl: var(--ui-input-icon-offset-l)}:where(.ui-input,.ui-select):has(.icon-l){--ui-input-pl: var(--ui-input-icon-offset-l)}.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-34-39-38-18-w-1a-39-2x-19-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-36-15]{--ui-input-pr: var(--ui-input-icon-offset-r)}:where(.ui-input,.ui-select):has(.icon-r){--ui-input-pr: var(--ui-input-icon-offset-r)}.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-34-39-38-18-w-1a-39-2x-19-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-30-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist){--ui-input-icon-count-r: 2}:where(.ui-input,.ui-select):has(.icon-l > *:nth-child(2)){--ui-input-icon-count-r: 2}.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-34-39-38-18-w-1a-39-2x-19-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-36-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist){--ui-input-icon-count-r: 2}:where(.ui-input,.ui-select):has(.icon-r > *:nth-child(2)){--ui-input-icon-count-r: 2}:where(.ui-input,.ui-select) :where(svg){font-size:var(--ui-input-icon-font-size);width:1em;height:var(--ui-input-height)}:where(.ui-input,.ui-select) :where(input,textarea,select){grid-area:input;background-clip:padding-box;background-color:var(--ui-input-bg);padding:var(--ui-input-py) var(--ui-input-pr) var(--ui-input-py) var(--ui-input-pl);transition:var(--transition-border),var(--transition-shadow);box-shadow:var(--ui-input-box-shadow);line-height:normal;font-size:inherit;height:var(--ui-input-height);font-weight:var(--ui-input-font-weight);border-radius:var(--ui-input-border-radius);color:var(--ui-input-color);border:var(--ui-input-border-width) solid rgb(var(--ui-input-border-color) / var(--ui-input-border-opacity))}:where(.ui-input,.ui-select) :where(input,textarea,select):focus{--ui-input-border-opacity: 1;--ui-input-border-color: var(--color-accent);--ui-input-box-shadow: 0 0 0 0 rgb(var(--color-current)), 0 0 0 3px rgb(var(--color-accent) / .2), 0 1px 2px 0 rgb(var(--color-current) / .05)}:where(.ui-input,.ui-select) :where(input,textarea,select):disabled{cursor:default;background-color:rgb(var(--color-default) / .1)}:is(:where(.ui-input,.ui-select) :where(input,textarea,select)):required~label:after{color:rgb(var(--color-error));content:" *"}:where(.ui-input,.ui-select) :where(input,textarea)::-moz-placeholder{color:var(--ui-input-placeholder-color);opacity:var(--ui-input-placeholder-opacity)}:where(.ui-input,.ui-select) :where(input,textarea)::placeholder{color:var(--ui-input-placeholder-color);opacity:var(--ui-input-placeholder-opacity)}:where(.ui-input,.ui-select) :where(textarea){resize:vertical;overflow:hidden;min-height:var(--ui-input-height-textarea)}:where(.ui-input,.ui-select) :where([class^="icon-"]){grid-area:input;content:"";position:relative;line-height:1em;display:flex;flex-direction:row;flex-shrink:0;align-items:center;gap:var(--ui-input-icon-gap);transition:var(--transition-opacity)}:where(.ui-input,.ui-select) :where([class^="icon-"]):where(.icon-l){left:var(--ui-input-icon-inset-x);margin-right:auto}:where(.ui-input,.ui-select) :where([class^="icon-"]):where(.icon-r){right:var(--ui-input-icon-inset-x);margin-left:auto}:where(.ui-input,.ui-select) :where([aria-label]):after{content:attr(aria-label);font-size:var(--ui-input-font-size);min-width:var(--ui-input-icon-font-size);text-align:center;line-height:var(--ui-input-icon-font-size);display:block}:where(.ui-input,.ui-select) :where([class*="lib-hint"]):after{white-space:normal;line-height:1.5;word-wrap:normal;width:10rem;font-weight:var(--font-normal);font-size:.75rem}:where(.ui-input,.ui-select):where(.is-floating){--ui-input-placeholder-color: transparent}:where(.ui-input,.ui-select):where(.is-floating) :where(label){grid-area:input;align-self:start;pointer-events:none;transition:transform .4s cubic-bezier(.25,.8,.25,1),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:perspective(100px);will-change:transform;font-weight:var(--ui-input-label-floating-font-weight);margin-left:var(--ui-input-pl);margin-right:var(--ui-input-pr);line-height:var(--ui-input-label-floating-font-size);margin-top:calc(var(--ui-input-height) / 2 - (var(--ui-input-font-size) / 2))}:where(.ui-input,.ui-select):where(.is-floating) :where(input,textarea,select){padding-top:calc(var(--ui-input-pt-floating));padding-bottom:calc(var(--ui-input-pb-floating))}:is(:where(.ui-input,.ui-select):where(.is-floating) :where(input,textarea,select)):is(:focus,:not(:-moz-placeholder-shown))~label{transform:var(--ui-input-label-floating-focus-transform);opacity:var(--ui-input-label-floating-focus-opacity)}:is(:where(.ui-input,.ui-select):where(.is-floating) :where(input,textarea,select)):is(:focus,:not(:placeholder-shown))~label{transform:var(--ui-input-label-floating-focus-transform);opacity:var(--ui-input-label-floating-focus-opacity)}.is-invalid:where(.ui-input,.ui-select),.is-validated :where(.ui-input,.ui-select) :where(input,textarea,select):invalid{--ui-input-bg: rgb(var(--color-error) / .1);--ui-input-border-opacity: 1;--ui-input-border-color: var(--color-error);--ui-input-color: rgb(var(--color-error));--color-accent: var(--color-error)}:where(.ui-input-group){display:flex;flex-wrap:wrap}:where(.ui-input-group) :where(.ui-btn){--ui-btn-outline-width: 1px;--ui-btn-height: 3rem;flex-grow:1;height:auto}:where(.ui-input-group)>*:not(:first-child){margin-left:calc(var(--ui-input-border-width) * -1)}:where(.ui-input-group)>*:not(:first-child),:where(.ui-input-group)>*:not(:first-child) :where(input,select){border-top-left-radius:0;border-bottom-left-radius:0}:where(.ui-input-group)>*:not(:last-child),:where(.ui-input-group)>*:not(:last-child) :where(input,select){border-top-right-radius:0;border-bottom-right-radius:0}:where(.ui-label){--ui-label-font-size: .875rem;--ui-label-font-weight: var(--font-medium);font-size:var(--ui-label-font-size);font-weight:var(--ui-label-font-weight)}:where(.ui-link){--ui-link-font-size: .875rem;--ui-link-font-weight: var(--font-semibold);--ui-link-hover-color: rgb(var(--color-accent));--ui-link-hover-opacity: .8;--ui-link-underline-width: 1px;--ui-link-underline-opacity: 0;--ui-link-underline-transform: translateY(-.125rem);font-size:var(--ui-link-font-size);font-weight:var(--ui-link-font-weight);transition:var(--transition-opacity),var(--transition-color);display:flex;align-items:center;position:relative}:where(.ui-link):where(.is-underline):after{content:"";border-bottom:var(--ui-link-underline-width) solid currentColor;opacity:var(--ui-link-underline-opacity);position:absolute;inset:auto 0 0 0;transition:var(--transition-opacity),var(--transition-transform);transform:var(--ui-link-underline-transform)}@media (hover: hover) and (pointer: fine){:where(.ui-link):hover{--ui-link-underline-opacity: 1;--ui-link-underline-transform: none;color:var(--ui-link-hover-color);opacity:var(--ui-link-hover-opacity)}}:where(.ui-link):active{opacity:var(--ui-link-hover-opacity)}:where(.ui-link):where(:focus-visible){--ui-link-underline-opacity: 1;--ui-link-underline-transform: none}:where(.ui-notice){--color-current: var(--color-accent);--ui-notice-bg: rgb(var(--color-accent));--ui-notice-py: 1.25rem;--ui-notice-px: 1.5rem;--ui-notice-font-size: .875rem;--ui-notice-border-radius: var(--rounded);--ui-notice-outline-opacity: .1;--ui-notice-gap: 1.25rem;position:relative;display:flex;flex-direction:column;padding:var(--ui-notice-py) var(--ui-notice-px);font-size:var(--ui-notice-font-size);border-radius:var(--ui-notice-border-radius);color:rgb(var(--color-current));gap:var(--ui-notice-gap)}:where(.ui-notice) :where(hr){--tw-border-opacity: .2}:where(.ui-notice):before,:where(.ui-notice):after{position:absolute;inset:0;border-radius:var(--ui-notice-border-radius);z-index:-1;content:""}:where(.ui-notice):before{background-color:var(--ui-notice-bg);opacity:var(--ui-notice-outline-opacity)}:where(.ui-notice):after{box-shadow:inset 0 0 0 1px var(--ui-notice-bg);opacity:var(--ui-notice-outline-opacity)}:where(.ui-progress){--ui-progress-height: 1rem;--ui-progress-border-radius: var(--rounded-full);--ui-progress-bg: var(--color-background-200);--ui-progress-bg-opacity: 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:0;height:var(--ui-progress-height);border-radius:var(--ui-progress-border-radius);background-color:rgb(var(--ui-progress-bg) / var(--ui-progress-bg-opacity));color:rgb(var(--color-accent));width:100%}:where(.ui-progress):where(.is-sm){--ui-progress-height: .5rem}:where(.ui-progress):where(.is-lg){--ui-progress-height: 1.5rem}:where(.ui-progress)::-webkit-progress-bar{background-color:transparent}:where(.ui-progress)::-webkit-progress-value{background-color:currentColor;border-radius:var(--ui-progress-border-radius)}:where(.ui-progress)::-moz-progress-bar{background-color:currentColor;border-radius:var(--ui-progress-border-radius)}:where(.ui-progress):indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,currentColor 30%,rgb(var(--ui-progress-bg) / var(--ui-progress-bg-opacity)) 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%;border-radius:var(--ui-progress-border-radius)}:where(.ui-progress):indeterminate::-moz-progress-bar{background-color:transparent}:where(.ui-radio){--ui-checkbox-icon: var(--icon-radio);--ui-checkbox-radius: 50%}:where(.ui-select){--ui-input-icon-select-icon-font-size: 1.5rem;--ui-input-icon-count-r: 2;--ui-input-pr: var(--ui-input-icon-offset-r)}:where(.ui-select) :where([class^="icon-"]){margin-right:calc(var(--ui-input-icon-font-size) + var(--ui-input-icon-gap))}:where(.ui-select):after{width:1em;height:1em;background-color:currentColor;content:"";position:absolute;z-index:1;font-size:var(--ui-input-icon-select-icon-font-size);right:calc(var(--ui-input-height) / 4);top:calc(var(--ui-input-height) / 2);margin-top:calc(var(--ui-input-icon-select-icon-font-size) / 2 * -1);will-change:transform;transition:transform .2s;-webkit-mask:var(--icon-angle-down);mask:var(--icon-angle-down);pointer-events:none;grid-area:input}:where(.ui-switch){--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-switch-padding: .375rem;--ui-switch-bg-raw: var(--color-dark);--ui-switch-radius: 999px;--ui-switch-validity-font-size: .875rem;--ui-switch-validity-offset: .375rem;--ui-switch-box-shadow: none;display:flex;align-items:center;flex-wrap:wrap;width:-moz-max-content;width:max-content}.dark :where(.ui-switch){--ui-switch-bg-raw: var(--color-background-300)}:where(.ui-switch):where(.is-sm){--ui-switch-width: 2.5rem;--ui-switch-height: 1.25rem}:where(.ui-switch):where(.is-lg){--ui-switch-width: 4rem;--ui-switch-height: 2rem}:where(.ui-switch) :where(input){width:var(--ui-switch-width);height:var(--ui-switch-height);display:block;position:relative;border-radius:var(--ui-switch-radius);background-color:rgb(var(--ui-switch-bg-raw));transition:var(--transition-background),var(--transition-shadow);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:inherit;box-shadow:var(--ui-switch-box-shadow)}:where(.ui-switch) :where(input):before{width:calc(var(--ui-switch-height) - var(--ui-switch-padding));height:calc(var(--ui-switch-height) - var(--ui-switch-padding));background-color:rgb(var(--color-light));border-radius:var(--ui-switch-radius);position:absolute;left:var(--ui-switch-height);top:50%;content:"";display:block;margin-left:calc((var(--ui-switch-height) - var(--ui-switch-padding) + var(--ui-switch-padding) / 2) * -1);transition:left var(--transition-duration),var(--transition-background);transform:translateY(-50%)}:where(.ui-switch) :where(input):disabled{opacity:.8;pointer-events:none}:where(.ui-switch) :where(input):focus{--ui-switch-box-shadow: 0 0 0 0 rgb(var(--color-current)), 0 0 0 3px rgb(var(--color-current) / .2), 0 1px 2px 0 rgb(var(--color-current) / .05)}:where(.ui-switch) :where(input):checked{background-color:rgb(var(--color-accent))}:where(.ui-switch) :where(input):checked:focus{--ui-switch-box-shadow: 0 0 0 0 rgb(var(--color-current)), 0 0 0 3px rgb(var(--color-accent) / .2), 0 1px 2px 0 rgb(var(--color-current) / .05)}:where(.ui-switch) :where(input):checked:before{background-color:rgb(var(--color-light));left:100%}:where(.ui-text){--ui-text-size: .875rem;--ui-text-size-line: .75rem;--ui-text-weight: var(--font-normal);--ui-text-weight-bold: var(--font-semibold);--ui-text-content-my: 1.5rem;--ui-text-content-my-sm: 1rem;--ui-text-content-my-lg: 2rem;font-weight:var(--ui-text-weight);font-size:var(--ui-text-size);line-height:calc(var(--ui-text-size) + var(--ui-text-size-line))}:where(.ui-text):where(.is-lg){--ui-text-size: 1.125rem}:where(.ui-text) :where(a){text-decoration:underline;transition:var(--transition-color);color:rgb(var(--color-accent))}@media (hover: hover) and (pointer: fine){:where(.ui-text) :where(a):hover{color:rgb(var(--color-accent) / .7)}}:where(.ui-text) :where(a):focus-visible{color:rgb(var(--color-accent) / .7)}:where(.ui-text) :where(b,strong){font-weight:var(--ui-text-weight-bold)}:where(.ui-text) :where(i,em){display:inline;font-style:italic}:where(.ui-text) :where(figure){margin:var(--ui-text-content-my) 0}:where(.ui-text) :where(figcaption){font-size:.875rem;font-weight:var(--font-semibold);margin-top:.25rem;line-height:1.5}:where(.ui-text) :where(img){height:auto}:where(.ui-text) :where(p){line-height:inherit}:where(.ui-text) :where(p):not(:only-child){margin:var(--ui-text-content-my-sm) 0}:where(.ui-text) :where(p):last-child{margin-bottom:0}:where(.ui-text) :where(p):empty{line-height:var(--ui-text-content-my-sm);margin:0}:where(.ui-text) :where(p):after{content:"\a0"}:where(.ui-text) :where(hr){--tw-border-opacity: .1;margin:var(--ui-text-content-my-lg) 0}:where(.ui-text) :where(h1,h2,h3,h4,h5,h6){font-weight:var(--ui-text-weight-bold);font-family:var(--font-secondary);font-size:var(--ui-text-heading-size, 1rem);line-height:calc(var(--ui-text-heading-size) + .5rem);margin:var(--ui-text-content-my) 0 var(--ui-text-content-my-sm)}:where(.ui-text) :where(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}:where(.ui-text) :where(h1){--ui-text-heading-size: 2.25rem}:where(.ui-text) :where(h2){--ui-text-heading-size: 1.75rem}:where(.ui-text) :where(h3,h4){--ui-text-heading-size: 1.25rem}:where(.ui-text) :where(table){border:0;min-width:100%}:where(.ui-text) :where(table) :where(td,th){padding:1rem 1.25rem;text-align:left}:where(.ui-text) :where(table) :where(thead){font-weight:var(--ui-text-weight-bold);border-bottom:1px solid rgb(var(--color-current) / .075)}:where(.ui-text) :where(table) :where(tbody tr):nth-of-type(even){background-color:rgb(var(--color-current) / .05)}:where(.ui-text) :where(iframe){max-width:100%}:where(.ui-text) :where(iframe):where([src*="youtube.com"]){aspect-ratio:16/9;height:auto}:where(.ui-text) :where(blockquote){border-left:.3125rem solid rgb(var(--color-accent) / 1);padding:.5rem 1.25rem;margin:1rem 0;font-size:inherit}:where(.ui-text) :where(code){margin:0 .25rem;border-radius:var(--rounded-xs);padding:.25rem .375rem;font-size:.85em;color:rgb(var(--color-accent));font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:#1b1f230d}.dark :is(:where(.ui-text) :where(code)){background-color:rgb(var(--color-background-200))}:where(.ui-text) :where(ol){margin:var(--ui-text-content-my) 0;padding:0 0 0 1rem}:where(.ui-text) :where(ol):not([type]){list-style:decimal}:where(.ui-text) :where(ol) :where(li){padding-left:.5rem}:where(.ui-text) :where(ol) :where(li):not(:last-child){margin:0 0 .5rem}:where(.ui-text) :where(ol) :where(li)::marker{color:rgb(var(--color-accent));font-weight:var(--ui-text-weight-bold)}:where(.ui-text) :where(ul){list-style-type:none!important;margin:var(--ui-text-content-my) 0;padding:0}:where(.ui-text) :where(ul) :where(li){position:relative;line-height:inherit;padding-left:1.25rem}:where(.ui-text) :where(ul) :where(li):not(:last-child){margin:0 0 .5rem}:where(.ui-text) :where(ul) :where(li):before{width:.375rem;height:.375rem;position:absolute;content:"";border:1px solid rgb(var(--color-accent));background-color:rgb(var(--color-accent));left:0;top:.6875rem;text-indent:0;border-radius:50%}:where(.ui-text) [style*=square]:where(ul) :where(li):before{border-radius:0}:where(.ui-text) [style*=circle]:where(ul) :where(li):before{border-radius:50%;background-color:transparent}:where(.ui-title){--ui-title-font-family: var(--font-secondary);--ui-title-font-weight: var(--font-semibold);--ui-title-font-size: .875rem;--ui-title-line-height: calc(var(--ui-heading-font-size) + var(--ui-heading-line-height-ratio));--ui-title-line-height-ratio: .375rem;font-family:var(--ui-title-font-family);font-size:var(--ui-title-font-size);line-height:var(--ui-title-line-height);font-weight:var(--ui-title-font-weight)}:where(.ui-title):where(.is-sm){--ui-title-font-size: .75rem}:where(.ui-title):where(.is-lg){--ui-title-font-size: 1.125rem}:where(.c-dialog){--c-dialog-py: 1.5rem;--c-dialog-px: 1.5rem;--c-dialog-width: 35rem;--c-dialog-animation-duration: var(--transition-duration);animation:var(--c-dialog-animation-duration) ease 0s backwards 1 fade-in-down;position:relative;z-index:var(--z-20);margin:auto;background-color:rgb(var(--color-background));width:100%;max-width:var(--c-dialog-width);border-radius:var(--rounded-md);padding:var(--c-dialog-py) var(--c-dialog-px)}:where(dialog:not([open])) :where(.c-dialog){animation:var(--c-dialog-animation-duration) ease 0s forwards 1 fade-out-up}:where(.c-field){--c-field-gap: .5rem;display:flex;flex-direction:column;gap:var(--c-field-gap)}.js-has-pseudo [csstools-has-1a-2x-37-19-3a-2p-30-2x-2s-2p-38-2t-2s-w-1m-3b-2w-2t-36-2t-14-1a-2r-19-2u-2x-2t-30-2s-15-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist){display:block}.is-validated :where(.c-field):has(:invalid) :where(.ui-info[hidden]){display:block}.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-2r-19-2u-2x-2t-30-2s-15-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:after{color:rgb(var(--color-error));content:" *"}:where(.c-field):has([required]) :where(.ui-label):after{color:rgb(var(--color-error));content:" *"}:where(.lib-dialog){--lib-ripple-bg: rgb(var(--color-dark) / var(--tw-bg-opacity, .8));--lib-dialog-py: 2rem;--lib-dialog-px: 1.5rem;--lib-dialog-animation-duration: var(--transition-duration);inset:0;z-index:var(--z-30);position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--lib-ripple-bg);overscroll-behavior:contain;display:flex;visibility:hidden;padding:var(--lib-dialog-py) var(--lib-dialog-px)}:where(.lib-dialog):not([open]){animation:var(--lib-dialog-animation-duration) ease 0s forwards 1 fade-out;pointer-events:none}[open]:where(.lib-dialog){animation:var(--lib-dialog-animation-duration) ease 0s backwards 1 fade-in}.is-lib-dialog-open :where(.lib-dialog){visibility:visible}.is-lib-dialog-open{overflow:hidden;padding-right:var(--lib-dialog-scrollbar-width, 0)}:where(.lib-ripple){--lib-ripple-animation-duration: 1s;--lib-ripple-bg: rgb(var(--color-background) / var(--tw-bg-opacity, .4));position:absolute;background:var(--lib-ripple-bg);border-radius:50%;transform:scale(0);animation-duration:var(--lib-ripple-animation-duration);pointer-events:none}
1
+ *:where(:not(html,iframe,canvas,img,svg,video,audio,svg *,symbol *,ol,ul)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style:none}:where(img){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}:where(meter){-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}: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(dialog:modal){all:revert}:where(svg,use,path,symbol){all:revert-layer}::-moz-selection{color:var(--color-light);background-color:var(--color-accent)}::selection{color:var(--color-light);background-color:var(--color-accent)}:where(*){outline:none;border:0 solid transparent;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(svg){stroke-width:1.5;width:1em;height:1em}:where(button){cursor:pointer}:where(hr){display:block;border-top:2px solid rgb(var(--color-current) / var(--tw-border-opacity, 1));border-radius:var(--rounded)}:where(html){font-family:var(--font-primary);font-weight:var(--font-normal);height:100%;line-height:1.5;cursor:default}:where(body){min-height:100%;background-color:var(--color-body);color:var(--color-base);accent-color:var(--color-accent)}:where(input[type="time"])::-webkit-datetime-edit-fields-wrapper,:where(input[type="time"])::-webkit-datetime-edit-text,:where(input[type="time"])::-webkit-datetime-edit,:where(input[type="time"])::-webkit-datetime-edit-hour-field,:where(input[type="time"])::-webkit-datetime-edit-minute-field{padding:0}:root{--font-default: 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-primary: var(--font-default);--font-secondary: var(--font-default);--container-width: 80rem;--container-width-sm: 58rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2) + var(--container-padding)), var(--container-padding));--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--rounded: .75rem;--rounded-xs: .5rem;--rounded-sm: .875rem;--rounded-base: 1rem;--rounded-md: 1.125rem;--rounded-lg: 1.5rem;--rounded-xl: 3rem;--rounded-2xl: 6rem;--rounded-3xl: 8rem;--rounded-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .875rem;--spacing-base: 1rem;--spacing-md: 1.125rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--spacing-2xl: 6rem;--spacing-3xl: 8rem;--transition-duration: .15s;--transition-color: color var(--transition-duration) ease;--transition-background: background var(--transition-duration) ease;--transition-opacity: opacity var(--transition-duration) ease;--transition-transform: transform var(--transition-duration) ease;--transition-border: border-color var(--transition-duration) ease;--transition-shadow: box-shadow var(--transition-duration) ease}@media (prefers-reduced-motion){:root{--transition-duration: 0}}:root{--icon-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;--icon-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;--icon-angle-up: 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" style="transform: scaleY(-1) translateY(1px); transform-origin: 50% 50%;" /></svg>') no-repeat 50% 50% / contain;--icon-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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}:root{--color-primary-rgb: 3 138 255;--color-secondary-rgb: 69 71 72;--color-base-rgb: 17 19 21;--color-body-rgb: 255 255 255;--color-success-rgb: 33 154 67;--color-error-rgb: 254 50 75;--color-warning-rgb: 254 179 53;--color-info-rgb: 45 168 234;--color-light-rgb: 255 255 255;--color-dark-rgb: 17 19 21;--color-accent-rgb: var(--color-primary-rgb);--color-current-rgb: var(--color-base-rgb);--color-primary: rgb(var(--color-primary-rgb));--color-secondary: rgb(var(--color-secondary-rgb));--color-success: rgb(var(--color-success-rgb));--color-error: rgb(var(--color-error-rgb));--color-warning: rgb(var(--color-warning-rgb));--color-info: rgb(var(--color-info-rgb));--color-base: var(--color-base-primary);--color-base-mix: white;--color-base-primary: rgb(var(--color-base-rgb));--color-base-secondary: color-mix(in sRGB, var(--color-base) 75%, var(--color-base-mix));--color-base-tertiary: color-mix(in sRGB, var(--color-base) 50%, var(--color-base-mix));--color-body: var(--color-body-primary);--color-body-mix: black;--color-body-primary: rgb(var(--color-body-rgb));--color-body-secondary: color-mix(in sRGB, var(--color-body) 95%, var(--color-body-mix));--color-body-tertiary: color-mix(in sRGB, var(--color-body) 90%, var(--color-body-mix));--color-light: rgb(var(--color-light-rgb));--color-dark: rgb(var(--color-dark-rgb));--color-accent: var(--color-primary);--color-current: var(--color-base)}:root.dark{--color-secondary-rgb: 39 41 46;--color-base-rgb: 201 209 217;--color-body-rgb: 25 26 27;--color-base-mix: black;--color-body-mix: white;--color-secondary: rgb(var(--color-secondary-rgb));--color-base: rgb(var(--color-base-rgb));--color-body: rgb(var(--color-body-rgb))}.ui-badge{--color-current: var(--color-light);--ui-badge-width: max-content;--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-border-radius: var(--rounded-xs);--ui-badge-font-size: .75rem;--ui-badge-font-weight: var(--font-normal);--ui-badge-bg: color-mix(in sRGB, var(--color-accent) var(--ui-badge-bg-opacity), var(--ui-badge-bg-mix));--ui-badge-bg-mix: transparent;--ui-badge-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-badge-color: color-mix(in sRGB, var(--color-current) var(--ui-badge-color-opacity), transparent);--ui-badge-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);--ui-badge-gap: .25rem;width:var(--ui-badge-width);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius);font-size:var(--ui-badge-font-size);font-weight:var(--ui-badge-font-weight);background-color:var(--ui-badge-bg);color:var(--ui-badge-color);display:inline-flex;align-items:center;text-align:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;z-index:0;gap:var(--ui-badge-gap);transition:var(--transition-opacity)}.ui-badge:where(.bordered,.muted){--color-current: var(--color-accent);--ui-badge-bg-opacity: 0%}.ui-badge:where(.sm){--ui-badge-height: 1.25rem;--ui-badge-font-size: .625rem}.ui-badge:where(.lg){--ui-badge-height: 1.75rem}.ui-badge:where(.bordered){--ui-badge-border-width: 2px;--ui-badge-border-opacity: calc(var(--tw-border-opacity, 1) * 100%);border:var(--ui-badge-border-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-badge-border-opacity),transparent);padding-left:calc(var(--ui-badge-px) - var(--ui-badge-border-width));padding-right:calc(var(--ui-badge-px) - var(--ui-badge-border-width))}.ui-badge:where(.muted){--ui-badge-bg-opacity: 10%}.ui-badge:where(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:where(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-badge-group{display:flex}.ui-badge-group :where(.ui-badge):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.ui-badge-group :where(.ui-badge):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ui-btn{--color-current: var(--color-light);--ui-btn-width: max-content;--ui-btn-height: 2.25rem;--ui-btn-gap: .375rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem;--ui-btn-border-radius: var(--rounded);--ui-btn-font-size: .875rem;--ui-btn-font-weight: var(--font-semibold);--ui-btn-letter-spacing: 0;--ui-btn-bg: color-mix(in sRGB, var(--color-accent) var(--ui-btn-bg-opacity), var(--ui-btn-bg-mix));--ui-btn-bg-mix: transparent;--ui-btn-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-btn-color: color-mix(in sRGB, var(--color-current) var(--ui-btn-color-opacity), transparent);--ui-btn-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);--ui-btn-outline-width: 2px;--ui-btn-outline-offset: 2px;--ui-btn-outline-opacity: 50%;--ui-btn-hover-mix: black;--ui-btn-hover-opacity: 80%;--ui-btn-hover-color: var(--color-current);--ui-btn-active-mix: black;--ui-btn-active-opacity: 90%;--ui-btn-active-color: var(--color-current);--ui-btn-focus-mix: transparent;--ui-btn-focus-opacity: 50%;--ui-btn-disabled-opacity: 70%;--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px;max-width:var(--ui-btn-width);width:var(--ui-btn-width);height:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);letter-spacing:var(--ui-btn-letter-spacing);background-color:var(--ui-btn-bg);color:var(--ui-btn-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:inline-flex;align-items:center;text-align:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;z-index:0;transition:var(--transition-background),var(--transition-color),outline-color var(--transition-duration),outline-offset var(--transition-duration);gap:var(--ui-btn-gap);outline:var(--ui-btn-outline-width) solid transparent;outline-offset:0}.ui-btn:where(.bordered,.muted,.ghosted){--ui-btn-hover-mix: transparent;--ui-btn-hover-opacity: 10%;--ui-btn-active-mix: transparent;--ui-btn-active-opacity: 20%;--color-current: var(--color-accent);--ui-btn-bg-opacity: 0%}.ui-btn:is([href],button,[role="button"]):disabled{opacity:var(--ui-btn-disabled-opacity);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role="button"]):not(:disabled):hover{--ui-btn-color: var(--ui-btn-hover-color);--ui-btn-bg-mix: var(--ui-btn-hover-mix);--ui-btn-bg-opacity: var(--ui-btn-hover-opacity)}}.ui-btn:is([href],button,[role="button"]):not(:disabled):focus{outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-btn-focus-opacity),var(--ui-btn-focus-mix));outline-offset:var(--ui-btn-outline-offset)}.ui-btn:is([href],button,[role="button"]):not(:disabled):is(:active,.active){--ui-btn-color: var(--ui-btn-active-color);--ui-btn-bg-mix: var(--ui-btn-active-mix);--ui-btn-bg-opacity: var(--ui-btn-active-opacity)}.ui-btn:where(.sm){--ui-btn-height: 2rem;--ui-btn-px: 1rem}.ui-btn:where(.lg){--ui-btn-height: 3rem;--ui-btn-px: 1.75rem}.ui-btn:is(.loading){pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--color-current);border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}.ui-btn:where(.wide){padding-left:calc(var(--ui-btn-px) * 1.5);padding-right:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){--ui-btn-border-width: 2px;--ui-btn-border-opacity: calc(var(--tw-border-opacity, 1) * 100%);border:var(--ui-btn-border-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity),transparent);padding-left:calc(var(--ui-btn-px) - var(--ui-btn-border-width));padding-right:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:where(.hover-fill){--ui-btn-hover-mix: black;--ui-btn-hover-opacity: 100%;--ui-btn-active-mix: black;--ui-btn-active-opacity: 90%;--ui-btn-hover-color: var(--color-light);--ui-btn-active-color: var(--color-light)}.ui-btn:where(.gradient):before{content:"";position:absolute;inset:0;background-color:color-mix(in sRGB,var(--ui-btn-bg-mix) calc(100% - var(--ui-btn-bg-opacity)),transparent);z-index:-1;transition:var(--transition-background)}:is(.ui-btn.gradient-bordered){--ui-btn-border-width: 2px;--ui-btn-hover-mix: transparent;--ui-btn-hover-opacity: 10%;--ui-btn-active-mix: transparent;--ui-btn-active-opacity: 20%;--ui-btn-bg-opacity: 0%;--color-current: var(--color-base)}:is(.ui-btn.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in sRGB,var(--color-body) calc(100% - var(--ui-btn-bg-opacity)),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius) / 1.25);z-index:-1;transition:var(--transition-background)}:is(.ui-btn.gradient-bordered):where(.hover-fill){--ui-btn-bg-opacity: 100%}:is(.ui-btn.gradient-bordered):where(.hover-fill):before{background-color:color-mix(in sRGB,var(--color-body) var(--ui-btn-bg-opacity),transparent)}.ui-btn:where(.ghosted){--ui-btn-outline-width: 2px;--ui-btn-outline-offset: -2px}.ui-btn:where(.muted){--ui-btn-hover-opacity: 30%;--ui-btn-bg-opacity: 10%}.ui-btn:where(.raised){--ui-btn-border-width: 2px;--ui-btn-border-opacity: calc(var(--tw-border-opacity, .5) * 100%);border:var(--ui-btn-border-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity),var(--color-current));padding-left:calc(var(--ui-btn-px) - var(--ui-btn-border-width));padding-right:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:where(.square){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}.ui-btn:where(.circle){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}.ui-btn-group{display:flex}.ui-btn-group :where(.ui-btn){--ui-btn-outline-offset: 0}.ui-btn-group :where(.ui-btn):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.ui-btn-group :where(.ui-btn):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ui-check{--ui-check-width: 1.375rem;--ui-check-font-size: .875rem;--ui-check-gap: .625rem;--ui-check-bg: var(--color-body);--ui-check-bg-mix: transparent;--ui-check-bg-opacity: calc(var(--tw-bg-opacity, .1) * 100%);--ui-check-border-color: var(--color-current);--ui-check-border-mix: transparent;--ui-check-border-opacity: calc(var(--tw-border-opacity, .2) * 100%);--ui-check-border-width: 1px;--ui-check-checked-bg: var(--color-accent);--ui-check-radius: .5rem;--ui-check-icon: var(--icon-check);--ui-check-icon-font-size: 1.125rem;--ui-check-box-shadow: none;--ui-check-outline-width: 3px;--ui-check-outline-offset: 0;--ui-check-outline-opacity: 20%;--ui-check-disabled-opacity: 50%;display:flex;align-items:center;gap:0 var(--ui-check-gap);flex-wrap:wrap;width:-moz-fit-content;width:fit-content;font-size:var(--ui-check-font-size)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-2w-2t-2r-2z-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-15]:not(.does-not-exist){--ui-check-icon: var(--icon-radio);--ui-check-radius: 50%}.ui-check:has([type="radio"]){--ui-check-icon: var(--icon-radio);--ui-check-radius: 50%}.ui-check :where(label[for],input){cursor:pointer}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){display:flex;width:var(--ui-check-width);height:var(--ui-check-width);background-color:color-mix(in sRGB,var(--ui-check-bg) var(--ui-check-bg-opacity),var(--ui-check-bg-mix));border:var(--ui-check-border-width) solid color-mix(in sRGB,var(--ui-check-border-color) var(--ui-check-border-opacity),var(--ui-check-border-mix));border-radius:var(--ui-check-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:var(--ui-check-outline-width) solid transparent;outline-offset:0;justify-content:center;align-items:center;transition:var(--transition-border),var(--transition-background),outline-color var(--transition-duration),outline-offset var(--transition-duration);font-size:var(--ui-check-icon-font-size);cursor:pointer}.ui-check :where(input):before{line-height:var(--ui-check-icon-font-size);text-indent:0;display:block;transition:var(--transition-color),var(--transition-opacity),var(--transition-transform);color:var(--color-light);content:"";background-color:currentColor;-webkit-mask:var(--ui-check-icon);mask:var(--ui-check-icon);opacity:0;transform:scale(0);will-change:transform;width:1em;height:1em}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-check :where(input):not(:disabled):is(:hover,:focus-visible){--ui-check-bg: var(--ui-check-checked-bg);--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;--ui-check-bg-opacity: 10%}.ui-check :where(input):not(:disabled):focus{--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;outline-color:color-mix(in sRGB,var(--ui-check-checked-bg) var(--ui-check-outline-opacity),transparent);outline-offset:var(--ui-check-outline-offset)}.ui-check :where(input):disabled{--ui-check-bg-opacity: 15%;--ui-check-bg: var(--color-current);cursor:not-allowed;opacity:var(--ui-check-disabled-opacity)}.ui-check :where(input):checked{--ui-check-border-opacity: 0%;background-color:var(--ui-check-checked-bg)}.ui-check :where(input):checked:before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--color-current: var(--color-error);--ui-check-bg: var(--color-error);--ui-check-border-color: var(--color-error);--ui-check-checked-bg: var(--color-error);--ui-check-border-opacity: 100%}.ui-heading{--ui-heading-font-family: var(--font-primary);--ui-heading-font-weight: var(--font-semibold);--ui-heading-font-size: 1.25rem;--ui-heading-line-height: calc(var(--ui-heading-font-size) + var(--ui-heading-line-height-ratio));--ui-heading-line-height-ratio: .375rem;font-family:var(--ui-heading-font-family);font-size:var(--ui-heading-font-size);line-height:var(--ui-heading-line-height);font-weight:var(--ui-heading-font-weight)}.ui-heading:where(.sm){--ui-heading-font-size: 1.125rem;--ui-heading-line-height-ratio: .125rem}.ui-heading:where(.lg){--ui-heading-font-size: 1.875rem}.ui-image{--ui-image-bg: var(--color-body-secondary);position:relative;display:block;background-color:var(--ui-image-bg);border-radius:inherit}.ui-image>*{display:block;width:100%;height:100%;border-radius:inherit}.ui-info{--ui-info-font-size: .75rem;--ui-info-font-weight: var(--font-normal);font-size:var(--ui-info-font-size);font-weight:var(--ui-info-font-weight)}.ui-control{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-pt-floating: 1.25rem;--ui-control-pb-floating: .4375rem;--ui-control-py: .875rem;--ui-control-px: .875rem;--ui-control-pl: var(--ui-control-px);--ui-control-pr: var(--ui-control-px);--ui-control-bg: var(--color-body);--ui-control-color: currentColor;--ui-control-placeholder-color: currentColor;--ui-control-placeholder-opacity: .5;--ui-control-font-size: .875rem;--ui-control-font-weight: var(--font-medium);--ui-control-border-width: 1px;--ui-control-border-color: var(--color-current);--ui-control-border-mix: transparent;--ui-control-border-opacity: 15%;--ui-control-border-radius: var(--rounded);--ui-control-outline-width: 2px;--ui-control-outline-offset: 0;--ui-control-outline-opacity: 20%;--ui-control-disabled-opacity: 5%;--ui-control-error-opacity: 10%;display:grid;grid-template-areas:"input";font-size:var(--ui-control-font-size);position:relative;border-radius:var(--ui-control-border-radius)}.ui-control :where(input,textarea,select){grid-area:input;background-clip:padding-box;background-color:var(--ui-control-bg);padding:var(--ui-control-py) var(--ui-control-pr) var(--ui-control-py) var(--ui-control-pl);transition:var(--transition-border),outline-color var(--transition-duration),outline-offset var(--transition-duration);line-height:normal;font-size:inherit;height:var(--ui-control-height);font-weight:var(--ui-control-font-weight);border-radius:inherit;color:var(--ui-control-color);border:var(--ui-control-border-width) solid color-mix(in sRGB,var(--ui-control-border-color) var(--ui-control-border-opacity),var(--ui-control-border-mix));outline:var(--ui-control-outline-width) solid transparent;outline-offset:0}.ui-control :where(input,textarea,select):focus{--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-accent);outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-control-outline-opacity),transparent);outline-offset:var(--ui-control-outline-offset)}.ui-control :where(input,textarea,select):disabled{cursor:not-allowed;background-color:color-mix(in sRGB,var(--color-base) var(--ui-control-disabled-opacity),var(--ui-control-bg))}:is(.ui-control :where(input,textarea,select)):required~label:after{color:var(--color-error);content:" *"}.ui-control :where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control :where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control :where(textarea){resize:vertical;overflow:hidden;min-height:var(--ui-control-height-textarea)}.ui-control.invalid,.validated .ui-control :where(input,textarea,select):invalid{--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-error-opacity),var(--ui-control-bg))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist){--ui-control-icon-select-font-size: 1.5rem;--ui-control-icon-count-r: 2;--ui-control-pr: var(--ui-control-icon-offset-r)}.ui-control:has(select){--ui-control-icon-select-font-size: 1.5rem;--ui-control-icon-count-r: 2;--ui-control-pr: var(--ui-control-icon-offset-r)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-w-1m-3b-2w-2t-36-2t-14-2j-2r-30-2p-37-37-2m-1p-y-2x-2r-33-32-19-y-2l-15]:not(does-not-exist){margin-right:calc(var(--ui-control-icon-font-size) + var(--ui-control-icon-gap))}.ui-control:has(select) :where([class^="icon-"]){margin-right:calc(var(--ui-control-icon-font-size) + var(--ui-control-icon-gap))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist):after{width:1em;height:1em;background-color:currentColor;content:"";position:absolute;z-index:1;font-size:var(--ui-control-icon-select-font-size);right:var(--ui-control-icon-inset-x);top:calc(var(--ui-control-height) / 2);margin-top:calc(var(--ui-control-icon-select-font-size) / 2 * -1);will-change:transform;transition:transform .2s;-webkit-mask:var(--icon-angle-down);mask:var(--icon-angle-down);pointer-events:none;grid-area:input}.ui-control:has(select):after{width:1em;height:1em;background-color:currentColor;content:"";position:absolute;z-index:1;font-size:var(--ui-control-icon-select-font-size);right:var(--ui-control-icon-inset-x);top:calc(var(--ui-control-height) / 2);margin-top:calc(var(--ui-control-icon-select-font-size) / 2 * -1);will-change:transform;transition:transform .2s;-webkit-mask:var(--icon-angle-down);mask:var(--icon-angle-down);pointer-events:none;grid-area:input}.ui-control{--ui-control-icon-font-size: 1.25rem;--ui-control-icon-count-l: 1;--ui-control-icon-count-r: 1;--ui-control-icon-gap: .375rem;--ui-control-icon-inset-x: calc(var(--ui-control-px) - .25rem);--ui-control-icon-inset-x-gap: .125rem;--ui-control-icon-offset-l: calc(var(--ui-control-icon-inset-x) + var(--ui-control-icon-inset-x-gap) + (var(--ui-control-icon-font-size) + var(--ui-control-icon-gap)) * var(--ui-control-icon-count-l));--ui-control-icon-offset-r: calc(var(--ui-control-icon-inset-x) + var(--ui-control-icon-inset-x-gap) + (var(--ui-control-icon-font-size) + var(--ui-control-icon-gap)) * var(--ui-control-icon-count-r))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-30-15]:not(.does-not-exist){--ui-control-pl: var(--ui-control-icon-offset-l)}.ui-control:has(.icon-l){--ui-control-pl: var(--ui-control-icon-offset-l)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-36-15]:not(.does-not-exist){--ui-control-pr: var(--ui-control-icon-offset-r)}.ui-control:has(.icon-r){--ui-control-pr: var(--ui-control-icon-offset-r)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-30-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-r: 2}.ui-control:has(.icon-l > *:nth-child(2)){--ui-control-icon-count-r: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-36-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-r: 2}.ui-control:has(.icon-r > *:nth-child(2)){--ui-control-icon-count-r: 2}.ui-control :where(svg){font-size:var(--ui-control-icon-font-size);width:1em;height:var(--ui-control-height)}.ui-control :where([class^="icon-"]){grid-area:input;content:"";position:relative;line-height:1em;display:flex;flex-direction:row;flex-shrink:0;align-items:center;gap:var(--ui-control-icon-gap);transition:var(--transition-opacity)}.ui-control :where([class^="icon-"]):where(.icon-l){left:var(--ui-control-icon-inset-x);margin-right:auto}.ui-control :where([class^="icon-"]):where(.icon-r){right:var(--ui-control-icon-inset-x);margin-left:auto}.ui-control :where([aria-label]):after{content:attr(aria-label);font-size:var(--ui-control-font-size);min-width:var(--ui-control-icon-font-size);text-align:center;line-height:var(--ui-control-icon-font-size);display:block}.ui-control:where(.floating){--ui-control-floating-label-font-size: .875rem;--ui-control-floating-label-font-weight: var(--font-medium);--ui-control-floating-label-focus-transform: translateY(-.6875rem) scale(.8);--ui-control-floating-label-focus-opacity: 50%;--ui-control-floating-label-transition-duration: .4s;--ui-control-placeholder-color: transparent}.ui-control:where(.floating) :where(label){grid-area:input;align-self:start;pointer-events:none;transition:transform var(--ui-control-floating-label-transition-duration) cubic-bezier(.25,.8,.25,1),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:perspective(100px);will-change:transform;font-weight:var(--ui-control-floating-label-font-weight);margin-left:var(--ui-control-pl);margin-right:var(--ui-control-pr);line-height:var(--ui-control-floating-label-font-size);margin-top:calc(var(--ui-control-height) / 2 - (var(--ui-control-font-size) / 2))}.ui-control:where(.floating) :where(input,textarea,select){padding-top:calc(var(--ui-control-pt-floating));padding-bottom:calc(var(--ui-control-pb-floating))}:is(.ui-control:where(.floating) :where(input,textarea,select)):is(:focus,:not(:-moz-placeholder-shown))~label{transform:var(--ui-control-floating-label-focus-transform);opacity:var(--ui-control-floating-label-focus-opacity)}:is(.ui-control:where(.floating) :where(input,textarea,select)):is(:focus,:not(:placeholder-shown))~label{transform:var(--ui-control-floating-label-focus-transform);opacity:var(--ui-control-floating-label-focus-opacity)}.ui-control-group{display:flex;flex-wrap:wrap}.ui-control-group :where(.ui-btn){--ui-btn-border-width: 1px;--ui-btn-height: 3rem}.ui-control-group>*:not(:first-child){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ui-control-group>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ui-label{--ui-label-font-size: .875rem;--ui-label-font-weight: var(--font-medium);font-size:var(--ui-label-font-size);font-weight:var(--ui-label-font-weight)}.ui-link{--ui-link-font-size: .875rem;--ui-link-font-weight: var(--font-semibold);--ui-link-hover-color: var(--color-accent);--ui-link-hover-opacity: 1;--ui-link-active-opacity: .8;--ui-link-gap: .5rem;font-size:var(--ui-link-font-size);font-weight:var(--ui-link-font-weight);transition:var(--transition-opacity),var(--transition-color);display:inline-flex;align-items:center;position:relative;gap:var(--ui-link-gap)}@media (hover: hover) and (pointer: fine){.ui-link:is([href],button):hover{color:var(--ui-link-hover-color);opacity:var(--ui-link-hover-opacity)}}.ui-link:is([href],button):active{opacity:var(--ui-link-active-opacity)}.ui-link:is([href],button):focus-visible{color:var(--ui-link-hover-color)}.ui-link:where(.underlined){--ui-link-underline-color: currentColor;--ui-link-underline-width: 1px;--ui-link-underline-opacity: 0;--ui-link-underline-transform: translateY(-.125rem)}.ui-link:where(.underlined):where(.underlined-visible){--ui-link-underline-opacity: 1;--ui-link-underline-transform: none;--ui-link-underline-color: var(--color-accent)}.ui-link:where(.underlined):after,.ui-link:where(.underlined) span:after{content:"";border-bottom:var(--ui-link-underline-width) solid var(--ui-link-underline-color);opacity:var(--ui-link-underline-opacity);position:absolute;inset:auto 0 0;transition:var(--transition-opacity),var(--transition-transform);transform:var(--ui-link-underline-transform)}.js-has-pseudo [csstools-has-1a-39-2x-19-30-2x-32-2z-1m-3b-2w-2t-36-2t-14-1a-39-32-2s-2t-36-30-2x-32-2t-2s-15-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):after{content:normal}.ui-link:where(.underlined):has(svg):after{content:normal}.ui-link:where(.underlined) :where(span){position:relative;inset:auto}@media (hover: hover) and (pointer: fine){.ui-link:where(.underlined):is([href],button):hover{--ui-link-underline-opacity: 1;--ui-link-underline-transform: none}}.ui-link:where(.underlined):is([href],button):focus-visible{--ui-link-underline-opacity: 1;--ui-link-underline-transform: none}.ui-notice{--color-current: var(--color-accent);--ui-notice-bg: var(--color-accent);--ui-notice-py: 1.25rem;--ui-notice-px: 1.5rem;--ui-notice-font-size: .875rem;--ui-notice-border-radius: var(--rounded);--ui-notice-outline-width: 1px;--ui-notice-outline-offset: calc(var(--ui-notice-outline-width) * -1);--ui-notice-outline-opacity: 10%;--ui-notice-gap: 1.25rem;position:relative;display:flex;flex-direction:column;padding:var(--ui-notice-py) var(--ui-notice-px);font-size:var(--ui-notice-font-size);border-radius:var(--ui-notice-border-radius);background-color:color-mix(in sRGB,var(--ui-notice-bg) 10%,transparent);outline:var(--ui-notice-outline-width) solid color-mix(in sRGB,var(--ui-notice-bg) var(--ui-notice-outline-opacity),transparent);outline-offset:var(--ui-notice-outline-offset);color:var(--color-current);gap:var(--ui-notice-gap)}.ui-notice :where(hr){--tw-border-opacity: .2}.ui-progress{--ui-progress-height: 1rem;--ui-progress-border-radius: var(--rounded-full);--ui-progress-bg: color-mix(in sRGB, var(--color-accent) var(--ui-progress-bg-opacity), var(--color-body));--ui-progress-bg-opacity: 10%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--ui-progress-height);border-radius:var(--ui-progress-border-radius);background-color:var(--ui-progress-bg);width:100%}.ui-progress::-webkit-progress-bar{background-color:transparent}.ui-progress::-webkit-progress-value{background-color:var(--color-accent);border-radius:var(--ui-progress-border-radius)}.ui-progress::-moz-progress-bar{background-color:var(--color-accent);border-radius:var(--ui-progress-border-radius)}.ui-progress:indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 30%,var(--ui-progress-bg) 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%;border-radius:var(--ui-progress-border-radius)}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress:where(.sm){--ui-progress-height: .5rem}.ui-progress:where(.lg){--ui-progress-height: 1.5rem}.ui-switch{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-switch-padding: .375rem;--ui-switch-bg: var(--color-dark);--ui-switch-radius: var(--rounded-full);--ui-switch-outline-width: 3px;--ui-switch-outline-offset: 0;--ui-switch-outline-opacity: 20%;display:flex;align-items:center;flex-wrap:wrap;width:-moz-max-content;width:max-content}:where(.dark) .ui-switch{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch:where(.sm){--ui-switch-width: 2.5rem;--ui-switch-height: 1.25rem}.ui-switch:where(.lg){--ui-switch-width: 4rem;--ui-switch-height: 2rem}.ui-switch :where(input){width:var(--ui-switch-width);height:var(--ui-switch-height);display:block;position:relative;border-radius:var(--ui-switch-radius);background-color:var(--ui-switch-bg);transition:var(--transition-background),outline-color var(--transition-duration),outline-offset var(--transition-duration);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:var(--ui-switch-outline-width) solid transparent;outline-offset:0;color:inherit}.ui-switch :where(input):before{width:calc(var(--ui-switch-height) - var(--ui-switch-padding));height:calc(var(--ui-switch-height) - var(--ui-switch-padding));background-color:var(--color-light);border-radius:var(--ui-switch-radius);position:absolute;left:var(--ui-switch-height);top:50%;content:"";display:block;margin-left:calc((var(--ui-switch-height) - var(--ui-switch-padding) + var(--ui-switch-padding) / 2) * -1);transition:left var(--transition-duration),var(--transition-background);transform:translateY(-50%)}.ui-switch :where(input):disabled{opacity:.8;pointer-events:none}.ui-switch :where(input):focus{outline-color:color-mix(in sRGB,var(--color-current) var(--ui-switch-outline-opacity),transparent);outline-offset:var(--ui-switch-outline-offset)}.ui-switch :where(input):checked{--color-current: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{background-color:var(--color-light);left:100%}.ui-text{--ui-text-size: .875rem;--ui-text-size-line: .75rem;--ui-text-weight: var(--font-normal);--ui-text-weight-bold: var(--font-semibold);--ui-text-content-my: 1.5rem;--ui-text-content-my-sm: 1rem;--ui-text-content-my-lg: 2rem;font-weight:var(--ui-text-weight);font-size:var(--ui-text-size);line-height:calc(var(--ui-text-size) + var(--ui-text-size-line))}.ui-text:where(.lg){--ui-text-size: 1.125rem}.ui-text :where(a){text-decoration:underline;transition:var(--transition-color);color:var(--color-accent)}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-weight-bold)}.ui-text :where(i,em){display:inline;font-style:italic}.ui-text :where(figure){margin:var(--ui-text-content-my) 0}.ui-text :where(figcaption){font-size:.875rem;font-weight:var(--font-semibold);margin-top:.25rem;line-height:1.5}.ui-text :where(img){height:auto}.ui-text :where(p){line-height:inherit}.ui-text :where(p):not(:only-child){margin:var(--ui-text-content-my-sm) 0}.ui-text :where(p):last-child{margin-bottom:0}.ui-text :where(p):empty{line-height:var(--ui-text-content-my-sm);margin:0}.ui-text :where(p):after{content:" "}.ui-text :where(hr){--tw-border-opacity: .1;margin:var(--ui-text-content-my-lg) 0}.ui-text :where(h1,h2,h3,h4,h5,h6){font-weight:var(--ui-text-weight-bold);font-family:var(--font-secondary);font-size:var(--ui-text-heading-size, 1rem);line-height:calc(var(--ui-text-heading-size) + .5rem);margin:var(--ui-text-content-my) 0 var(--ui-text-content-my-sm)}.ui-text :where(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.ui-text :where(h1){--ui-text-heading-size: 2.25rem}.ui-text :where(h2){--ui-text-heading-size: 1.75rem}.ui-text :where(h3,h4){--ui-text-heading-size: 1.25rem}.ui-text :where(table){border:0;min-width:100%}.ui-text :where(table) :where(td,th){padding:1rem 1.25rem;text-align:left}.ui-text :where(table) :where(thead){font-weight:var(--ui-text-weight-bold);border-bottom:1px solid color-mix(in sRGB,var(--color-current) .75%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(even){background-color:color-mix(in sRGB,var(--color-current) .5%,transparent)}.ui-text :where(iframe){max-width:100%}.ui-text :where(iframe):where([src*="youtube.com"]){aspect-ratio:16/9;height:auto}.ui-text :where(blockquote){border-left:.3125rem solid var(--color-accent);padding:.5rem 1.25rem;margin:1rem 0;font-size:inherit}.ui-text :where(code){margin:0 .25rem;border-radius:var(--rounded-xs);padding:.25rem .375rem;font-size:.85em;color:var(--color-accent);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:#1b1f230d}:where(.dark) :is(.ui-text :where(code)){background-color:var(--color-body-secondary)}.ui-text :where(ol){margin:var(--ui-text-content-my) 0;padding:0 0 0 1rem}.ui-text :where(ol):not([type]){list-style:decimal}.ui-text :where(ol) :where(li){padding-left:.5rem}.ui-text :where(ol) :where(li):not(:last-child){margin:0 0 .5rem}.ui-text :where(ol) :where(li)::marker{color:var(--color-accent);font-weight:var(--ui-text-weight-bold)}.ui-text :where(ul){list-style-type:none!important;margin:var(--ui-text-content-my) 0;padding:0}.ui-text :where(ul) :where(li){position:relative;line-height:inherit;padding-left:1.25rem}.ui-text :where(ul) :where(li):not(:last-child){margin:0 0 .5rem}.ui-text :where(ul) :where(li):before{width:.375rem;height:.375rem;position:absolute;content:"";border:1px solid var(--color-accent);background-color:var(--color-accent);left:0;top:.6875rem;text-indent:0;border-radius:50%}.ui-text [style*=square]:where(ul) :where(li):before{border-radius:0}.ui-text [style*=circle]:where(ul) :where(li):before{border-radius:50%;background-color:transparent}.ui-title{--ui-title-font-family: var(--font-secondary);--ui-title-font-weight: var(--font-semibold);--ui-title-font-size: .875rem;--ui-title-line-height: calc(var(--ui-heading-font-size) + var(--ui-heading-line-height-ratio));--ui-title-line-height-ratio: .375rem;font-family:var(--ui-title-font-family);font-size:var(--ui-title-font-size);line-height:var(--ui-title-line-height);font-weight:var(--ui-title-font-weight)}.ui-title:where(.sm){--ui-title-font-size: .75rem}.ui-title:where(.lg){--ui-title-font-size: 1.125rem}.c-dialog{--c-dialog-py: 1.5rem;--c-dialog-px: 1.5rem;--c-dialog-width: 35rem;--c-dialog-animation-duration: var(--transition-duration);animation:var(--c-dialog-animation-duration) ease 0s backwards 1 fade-in-down;position:relative;z-index:var(--z-20);margin:auto;background-color:var(--color-body-primary);width:100%;max-width:var(--c-dialog-width);border-radius:var(--rounded-md);padding:var(--c-dialog-py) var(--c-dialog-px)}:where(dialog:not([open])) .c-dialog{animation:var(--c-dialog-animation-duration) ease 0s forwards 1 fade-out-up}.c-field{--c-field-gap: .5rem;display:flex;flex-direction:column;gap:var(--c-field-gap)}.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist):not(.does-not-exist){display:block}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:block}.js-has-pseudo [csstools-has-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:not(.does-not-exist):after{color:var(--color-error);content:" *"}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.lib-dialog{--lib-ripple-bg: rgb(var(--color-dark-rgb) / var(--tw-bg-opacity, .8));--lib-dialog-py: 2rem;--lib-dialog-px: 1.5rem;--lib-dialog-animation-duration: var(--transition-duration);inset:0;z-index:var(--z-30);position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--lib-ripple-bg);overscroll-behavior:contain;display:flex;visibility:hidden;padding:var(--lib-dialog-py) var(--lib-dialog-px)}.lib-dialog:not([open]){animation:var(--lib-dialog-animation-duration) ease 0s forwards 1 fade-out;pointer-events:none}.lib-dialog[open]{animation:var(--lib-dialog-animation-duration) ease 0s backwards 1 fade-in}.is-lib-dialog-open .lib-dialog{visibility:visible}.is-lib-dialog-open{overflow:hidden;padding-right:var(--lib-dialog-scrollbar-width, 0)}.lib-ripple{--lib-ripple-animation-duration: 1s;--lib-ripple-bg: rgb(var(--color-body-rgb) / var(--tw-bg-opacity, .4));position:absolute;background:var(--lib-ripple-bg);border-radius:50%;transform:scale(0);animation-duration:var(--lib-ripple-animation-duration);pointer-events:none}
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-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: }::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-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: }.absolute{position:absolute}.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}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.min-h-\[200vh\]{min-height:200vh}.w-24{width:6rem}.w-full{width:100%}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.rounded{border-radius:var(--rounded)}.rounded-full{border-radius:var(--rounded-full)}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity))}.bg-background{--tw-bg-opacity: 1;background-color:rgb(var(--color-background) / var(--tw-bg-opacity))}.bg-blue-100\/10{background-color:#dbeafe1a}.bg-current{--tw-bg-opacity: 1;background-color:rgb(var(--color-current) / var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity: 1;background-color:rgb(var(--color-dark) / var(--tw-bg-opacity))}.bg-default{--tw-bg-opacity: 1;background-color:rgb(var(--color-default) / var(--tw-bg-opacity))}.bg-error{--tw-bg-opacity: 1;background-color:rgb(var(--color-error) / var(--tw-bg-opacity))}.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:rgb(var(--color-info) / var(--tw-bg-opacity))}.bg-light{--tw-bg-opacity: 1;background-color:rgb(var(--color-light) / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary) / var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary) / var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(var(--color-success) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(var(--color-warning) / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity: .1}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea;--tw-gradient-to: rgb(147 51 234 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.font-primary{font-family:var(--font-primary)}.font-sans{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-secondary{font-family:var(--font-secondary)}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-light{font-weight:var(--font-light)}.font-medium{font-weight:var(--font-medium)}.font-normal{font-weight:var(--font-normal)}.font-semibold{font-weight:var(--font-semibold)}.uppercase{text-transform:uppercase}.text-accent{--tw-text-opacity: 1;color:rgb(var(--color-accent) / var(--tw-text-opacity))}.text-background{--tw-text-opacity: 1;color:rgb(var(--color-background) / var(--tw-text-opacity))}.text-current{--tw-text-opacity: 1;color:rgb(var(--color-current) / var(--tw-text-opacity))}.text-dark{--tw-text-opacity: 1;color:rgb(var(--color-dark) / var(--tw-text-opacity))}.text-default{--tw-text-opacity: 1;color:rgb(var(--color-default) / var(--tw-text-opacity))}.text-error{--tw-text-opacity: 1;color:rgb(var(--color-error) / var(--tw-text-opacity))}.text-info{--tw-text-opacity: 1;color:rgb(var(--color-info) / var(--tw-text-opacity))}.text-light{--tw-text-opacity: 1;color:rgb(var(--color-light) / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary) / var(--tw-text-opacity))}.text-primary\/50{color:rgb(var(--color-primary) / .5)}.text-secondary{--tw-text-opacity: 1;color:rgb(var(--color-secondary) / var(--tw-text-opacity))}.text-success{--tw-text-opacity: 1;color:rgb(var(--color-success) / var(--tw-text-opacity))}.text-warning{--tw-text-opacity: 1;color:rgb(var(--color-warning) / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.accent-accent{accent-color:rgb(var(--color-accent))}.accent-amber-600{accent-color:#d97706}.accent-background{accent-color:rgb(var(--color-background))}.accent-current{accent-color:rgb(var(--color-current))}.accent-dark{accent-color:rgb(var(--color-dark))}.accent-default{accent-color:rgb(var(--color-default))}.accent-error{accent-color:rgb(var(--color-error))}.accent-info{accent-color:rgb(var(--color-info))}.accent-light{accent-color:rgb(var(--color-light))}.accent-primary{accent-color:rgb(var(--color-primary))}.accent-secondary{accent-color:rgb(var(--color-secondary))}.accent-success{accent-color:rgb(var(--color-success))}.accent-warning{accent-color:rgb(var(--color-warning))}.accent-current{--color-accent: var(--color-current)}.accent-amber-600{--color-accent: 217 119 6}.accent-background{--color-accent: var(--color-background)}.accent-default{--color-accent: var(--color-default)}.accent-light{--color-accent: var(--color-light)}.accent-dark{--color-accent: var(--color-dark)}.accent-primary{--color-accent: var(--color-primary)}.accent-secondary{--color-accent: var(--color-secondary)}.accent-warning{--color-accent: var(--color-warning)}.accent-error{--color-accent: var(--color-error)}.accent-info{--color-accent: var(--color-info)}.accent-success{--color-accent: var(--color-success)}.accent-accent{--color-accent: var(--color-accent)}.text-current{--color-current: var(--color-current)}.text-background{--color-current: var(--color-background)}.text-default{--color-current: var(--color-default)}.text-light{--color-current: var(--color-light)}.text-dark{--color-current: var(--color-dark)}.text-primary{--color-current: var(--color-primary)}.text-secondary{--color-current: var(--color-secondary)}.text-warning{--color-current: var(--color-warning)}.text-error{--color-current: var(--color-error)}.text-info{--color-current: var(--color-info)}.text-success{--color-current: var(--color-success)}.text-accent{--color-current: var(--color-accent)}.animation-ripple{animation-name:ripple}:where(.container){margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);max-width:var(--container-width)}:where(.container):where(.is-sm){--container-width: var(--container-width-sm)}:where(.row){--gx: 0rem;--gy: 0rem;display:flex;margin:calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2)}:where(.row)>*{padding:calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2)}:where(.col){display:flex;flex-direction:column}.dark .dark\:bg-dark{--tw-bg-opacity: 1;background-color:rgb(var(--color-dark) / var(--tw-bg-opacity))}.dark .dark\:text-light{--tw-text-opacity: 1;color:rgb(var(--color-light) / var(--tw-text-opacity));--color-current: var(--color-light)}
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: }::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: }.absolute{position:absolute}.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}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.min-h-\[200vh\]{min-height:200vh}.w-24{width:6rem}.w-full{width:100%}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.rounded{border-radius:var(--rounded)}.rounded-full{border-radius:var(--rounded-full)}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent-rgb) / var(--tw-bg-opacity))}.bg-base{--tw-bg-opacity: 1;background-color:rgb(var(--color-base-rgb) / var(--tw-bg-opacity))}.bg-blue-100\/10{background-color:#dbeafe1a}.bg-current{--tw-bg-opacity: 1;background-color:rgb(var(--color-current-rgb) / var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity: 1;background-color:rgb(var(--color-dark-rgb) / var(--tw-bg-opacity))}.bg-error{--tw-bg-opacity: 1;background-color:rgb(var(--color-error-rgb) / var(--tw-bg-opacity))}.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:rgb(var(--color-info-rgb) / var(--tw-bg-opacity))}.bg-light{--tw-bg-opacity: 1;background-color:rgb(var(--color-light-rgb) / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-rgb) / var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary-rgb) / var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(var(--color-success-rgb) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(var(--color-warning-rgb) / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity: .1}.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)}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.font-primary{font-family:var(--font-primary)}.font-sans{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-secondary{font-family:var(--font-secondary)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-light{font-weight:var(--font-light)}.font-medium{font-weight:var(--font-medium)}.font-normal{font-weight:var(--font-normal)}.font-semibold{font-weight:var(--font-semibold)}.uppercase{text-transform:uppercase}.text-accent{--tw-text-opacity: 1;color:rgb(var(--color-accent-rgb) / var(--tw-text-opacity))}.text-base{--tw-text-opacity: 1;color:rgb(var(--color-base-rgb) / var(--tw-text-opacity))}.text-current{--tw-text-opacity: 1;color:rgb(var(--color-current-rgb) / var(--tw-text-opacity))}.text-dark{--tw-text-opacity: 1;color:rgb(var(--color-dark-rgb) / var(--tw-text-opacity))}.text-error{--tw-text-opacity: 1;color:rgb(var(--color-error-rgb) / var(--tw-text-opacity))}.text-info{--tw-text-opacity: 1;color:rgb(var(--color-info-rgb) / var(--tw-text-opacity))}.text-light{--tw-text-opacity: 1;color:rgb(var(--color-light-rgb) / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary-rgb) / var(--tw-text-opacity))}.text-primary\/50{color:rgb(var(--color-primary-rgb) / .5)}.text-secondary{--tw-text-opacity: 1;color:rgb(var(--color-secondary-rgb) / var(--tw-text-opacity))}.text-success{--tw-text-opacity: 1;color:rgb(var(--color-success-rgb) / var(--tw-text-opacity))}.text-warning{--tw-text-opacity: 1;color:rgb(var(--color-warning-rgb) / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.accent-accent{accent-color:rgb(var(--color-accent-rgb))}.accent-amber-600{accent-color:#d97706}.accent-base{accent-color:rgb(var(--color-base-rgb))}.accent-current{accent-color:rgb(var(--color-current-rgb))}.accent-dark{accent-color:rgb(var(--color-dark-rgb))}.accent-error{accent-color:rgb(var(--color-error-rgb))}.accent-info{accent-color:rgb(var(--color-info-rgb))}.accent-light{accent-color:rgb(var(--color-light-rgb))}.accent-primary{accent-color:rgb(var(--color-primary-rgb))}.accent-secondary{accent-color:rgb(var(--color-secondary-rgb))}.accent-success{accent-color:rgb(var(--color-success-rgb))}.accent-warning{accent-color:rgb(var(--color-warning-rgb))}.accent-current{--color-accent-rgb: var(--color-current-rgb);--color-accent: var(--color-current)}.accent-amber-600{--color-accent-rgb: 217 119 6;--color-accent: rgb(217 119 6)}.accent-light{--color-accent-rgb: var(--color-light-rgb);--color-accent: var(--color-light)}.accent-dark{--color-accent-rgb: var(--color-dark-rgb);--color-accent: var(--color-dark)}.accent-primary{--color-accent-rgb: var(--color-primary-rgb);--color-accent: var(--color-primary)}.accent-secondary{--color-accent-rgb: var(--color-secondary-rgb);--color-accent: var(--color-secondary)}.accent-warning{--color-accent-rgb: var(--color-warning-rgb);--color-accent: var(--color-warning)}.accent-error{--color-accent-rgb: var(--color-error-rgb);--color-accent: var(--color-error)}.accent-info{--color-accent-rgb: var(--color-info-rgb);--color-accent: var(--color-info)}.accent-success{--color-accent-rgb: var(--color-success-rgb);--color-accent: var(--color-success)}.accent-accent{--color-accent-rgb: var(--color-accent-rgb);--color-accent: var(--color-accent)}.accent-base{--color-accent-rgb: var(--color-base-rgb);--color-accent: var(--color-base)}.text-current{--color-current: var(--color-current)}.text-light{--color-current: var(--color-light)}.text-dark{--color-current: var(--color-dark)}.text-primary{--color-current: var(--color-primary)}.text-secondary{--color-current: var(--color-secondary)}.text-warning{--color-current: var(--color-warning)}.text-error{--color-current: var(--color-error)}.text-info{--color-current: var(--color-info)}.text-success{--color-current: var(--color-success)}.text-accent{--color-current: var(--color-accent)}.text-base{--color-current: var(--color-base)}.animation-ripple{animation-name:ripple}.sq-4{--sq: 1rem;width:var(--sq);height:var(--sq)}.container{margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);max-width:var(--container-width)}.container:where(.sm){--container-width: var(--container-width-sm)}:where(.row){--gx: 0rem;--gy: 0rem;display:flex;margin:calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2)}:where(.row)>*{padding:calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2)}:where(.col){display:flex;flex-direction:column}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}:is(.dark .dark\:bg-dark){--tw-bg-opacity: 1;background-color:rgb(var(--color-dark-rgb) / var(--tw-bg-opacity))}:is(.dark .dark\:text-light){--tw-text-opacity: 1;color:rgb(var(--color-light-rgb) / var(--tw-text-opacity));--color-current: var(--color-light)}
package/package.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "0.1.18",
3
+ "version": "0.2.0-beta.2",
4
4
  "type": "module",
5
- "main": "index.js",
5
+ "main": "utils/tailwind.cjs",
6
+ "module": "utils/tailwind.js",
6
7
  "scripts": {
7
8
  "dev": "vite --host",
8
9
  "build": "vite build",
@@ -15,21 +16,21 @@
15
16
  "lodash": "^4.17.21"
16
17
  },
17
18
  "devDependencies": {
18
- "@vitejs/plugin-vue": "^4.1.0",
19
+ "@vitejs/plugin-vue": "^4.2.3",
19
20
  "autoprefixer": "^10.4.14",
20
21
  "css-has-pseudo": "^5.0.2",
21
- "eslint": "^8.38.0",
22
- "eslint-config-standard": "^17.0.0",
23
- "postcss": "^8.4.21",
22
+ "eslint": "^8.43.0",
23
+ "eslint-config-standard": "^17.1.0",
24
+ "postcss": "^8.4.24",
24
25
  "postcss-import": "^15.1.0",
25
- "postcss-nesting": "^11.2.2",
26
- "postcss-custom-media": "^9.1.3",
27
- "stylelint-config-standard": "32.0.0",
28
- "stylelint-stylistic": "^0.4.0",
29
- "tailwindcss": "^3.3.1",
26
+ "postcss-nesting": "^11.3.0",
27
+ "postcss-custom-media": "^9.1.5",
28
+ "stylelint-config-standard": "33.0.0",
29
+ "stylelint-stylistic": "^0.4.2",
30
+ "tailwindcss": "^3.3.2",
30
31
  "fast-glob": "^3.2.12",
31
- "vite": "^4.2.1",
32
- "vue": "^3.2.47"
32
+ "vite": "^4.3.9",
33
+ "vue": "^3.3.4"
33
34
  },
34
35
  "files": [
35
36
  "index.js",
@@ -39,17 +40,14 @@
39
40
  "utils"
40
41
  ],
41
42
  "exports": {
42
- ".": "./utils/tailwind.cjs",
43
- "./tailwind-cjs": "./utils/tailwind.cjs",
44
- "./tailwind-esm": "./utils/tailwind.js",
45
43
  "./main.css": "./dist/main.css",
46
44
  "./tailwind.css": "./dist/tailwind.css",
47
45
  "./src/*": "./src/*",
48
46
  "./utils/*": "./utils/*"
49
47
  },
50
48
  "engines": {
51
- "node": ">=16.0.0",
52
- "npm": ">=8.0.0"
49
+ "node": ">=18.0.0",
50
+ "npm": ">=9.0.0"
53
51
  },
54
52
  "repository": {
55
53
  "type": "git",
package/src/base/config.css CHANGED
@@ -4,16 +4,6 @@
4
4
  --font-secondary: var(--font-default);
5
5
  }
6
6
 
7
- :root {
8
- --color-google: 49 45 45;
9
- --color-linkedin: 40 103 178;
10
- --color-youtube: 255 0 0;
11
- --color-instagram: 193 53 132;
12
- --color-twitter: 29 161 242;
13
- --color-facebook: 24 119 242;
14
- --color-apple: 0 0 0;
15
- }
16
-
17
7
  :root {
18
8
  --container-width: 80rem;
19
9
  --container-width-sm: 58rem;
package/src/base/default.css CHANGED
@@ -1,19 +1,22 @@
1
1
  ::selection {
2
- color: rgb(var(--color-light));
3
- background-color: rgb(var(--color-accent));
2
+ color: var(--color-light);
3
+ background-color: var(--color-accent);
4
4
  }
5
5
 
6
6
  :where(*) {
7
7
  outline: none;
8
- -webkit-tap-highlight-color: rgb(255 255 255 / 0);
9
- }
10
-
11
- :where([hidden]) {
12
- display: none;
8
+ border: 0 solid transparent;
9
+ -webkit-tap-highlight-color: rgb(255 255 255 / 0%);
13
10
  }
14
11
 
15
12
  :where(svg) {
16
13
  stroke-width: 1.5;
14
+ width: 1em;
15
+ height: 1em;
16
+ }
17
+
18
+ :where(button) {
19
+ cursor: pointer;
17
20
  }
18
21
 
19
22
  :where(hr) {
@@ -32,7 +35,17 @@
32
35
 
33
36
  :where(body) {
34
37
  min-height: 100%;
35
- background-color: rgb(var(--color-background));
36
- color: rgb(var(--color-default));
37
- accent-color: rgb(var(--color-accent));
38
+ background-color: var(--color-body);
39
+ color: var(--color-base);
40
+ accent-color: var(--color-accent);
41
+ }
42
+
43
+ :where(input[type="time"]) {
44
+ &::-webkit-datetime-edit-fields-wrapper,
45
+ &::-webkit-datetime-edit-text,
46
+ &::-webkit-datetime-edit,
47
+ &::-webkit-datetime-edit-hour-field,
48
+ &::-webkit-datetime-edit-minute-field {
49
+ padding: 0;
50
+ }
38
51
  }
package/src/base/icons.css CHANGED
@@ -1,9 +1,6 @@
1
1
  :root {
2
2
  --icon-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;
3
3
  --icon-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;
4
- --icon-chevron-right: 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="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50% / contain;
5
- --icon-chevron-left: 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="M15 19l-7-7 7-7" /></svg>') no-repeat 50% 50% / contain;
6
4
  --icon-angle-up: 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" style="transform: scaleY(-1) translateY(1px); transform-origin: 50% 50%;" /></svg>') no-repeat 50% 50% / contain;
7
5
  --icon-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;
8
- --icon-upload: 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" /></svg>') no-repeat 50% 50% / contain;
9
6
  }
package/src/base/index.css CHANGED
@@ -4,5 +4,7 @@
4
4
  @import "config.css";
5
5
  @import "icons.css";
6
6
  @import "keyframes.css";
7
+ @import "theme/default-rgb.css";
7
8
  @import "theme/default.css";
9
+ @import "theme/dark-rgb.css";
8
10
  @import "theme/dark.css";
package/src/base/keyframes.css CHANGED
@@ -18,42 +18,6 @@
18
18
  }
19
19
  }
20
20
 
21
- @keyframes fade-in-left {
22
- from {
23
- opacity: 0;
24
- transform: translateX(-5rem);
25
- }
26
-
27
- to {
28
- opacity: 1;
29
- transform: none;
30
- }
31
- }
32
-
33
- @keyframes fade-in-right {
34
- from {
35
- opacity: 0;
36
- transform: translateX(5rem);
37
- }
38
-
39
- to {
40
- opacity: 1;
41
- transform: none;
42
- }
43
- }
44
-
45
- @keyframes fade-in-up {
46
- 0% {
47
- opacity: 0;
48
- transform: translateY(2rem);
49
- }
50
-
51
- 100% {
52
- opacity: 1;
53
- transform: translateY(0);
54
- }
55
- }
56
-
57
21
  @keyframes fade-in-down {
58
22
  0% {
59
23
  opacity: 0;
@@ -66,30 +30,6 @@
66
30
  }
67
31
  }
68
32
 
69
- @keyframes fade-out-left {
70
- from {
71
- opacity: 1;
72
- transform: none;
73
- }
74
-
75
- to {
76
- opacity: 0;
77
- transform: translateX(-5rem);
78
- }
79
- }
80
-
81
- @keyframes fade-out-right {
82
- from {
83
- opacity: 1;
84
- transform: none;
85
- }
86
-
87
- to {
88
- opacity: 0;
89
- transform: translateX(5rem);
90
- }
91
- }
92
-
93
33
  @keyframes fade-out-up {
94
34
  0% {
95
35
  opacity: 1;
@@ -102,18 +42,6 @@
102
42
  }
103
43
  }
104
44
 
105
- @keyframes fade-out-down {
106
- 0% {
107
- opacity: 1;
108
- transform: translateY(0);
109
- }
110
-
111
- 100% {
112
- opacity: 0;
113
- transform: translateY(2rem);
114
- }
115
- }
116
-
117
45
  @keyframes fade-in {
118
46
  from {
119
47
  opacity: 0;
@@ -134,55 +62,9 @@
134
62
  }
135
63
  }
136
64
 
137
- @keyframes slide-in-down {
138
- 0% {
139
- transform: translateY(-100%);
140
- }
141
-
142
- 100% {
143
- transform: translateY(0);
144
- }
145
- }
146
-
147
- @keyframes slide-out-up {
148
- 0% {
149
- transform: translateY(0);
150
- }
151
-
152
- 100% {
153
- transform: translateY(-100%);
154
- }
155
- }
156
-
157
- @keyframes slide-in-up {
158
- 0% {
159
- transform: translateY(100%);
160
- }
161
-
162
- 100% {
163
- transform: translateY(0);
164
- }
165
- }
166
-
167
- @keyframes slide-out-down {
168
- 0% {
169
- transform: translateY(0);
170
- }
171
-
172
- 100% {
173
- transform: translateY(100%);
174
- }
175
- }
176
-
177
65
  @keyframes ripple {
178
66
  100% {
179
67
  transform: scale(2.5);
180
68
  opacity: 0;
181
69
  }
182
70
  }
183
-
184
- @keyframes loading-skeleton {
185
- 100% {
186
- background-position: 250% 0;
187
- }
188
- }
package/src/base/reset.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /***
2
- The new CSS reset - version 1.7.3 (last updated 7.8.2022)
2
+ The new CSS reset - version 1.8.4 (last updated 14.2.2023)
3
3
  GitHub page: https://github.com/elad2412/the-new-css-reset
4
4
  ***/
5
5
 
@@ -19,42 +19,59 @@
19
19
  box-sizing: border-box;
20
20
  }
21
21
 
22
+ /* Reapply the pointer cursor for anchor tags */
23
+ :where(a, button) {
24
+ cursor: revert;
25
+ }
26
+
22
27
  /* Remove list styles (bullets/numbers) */
23
28
  :where(ol:not([type]), ul, menu) {
24
29
  list-style: none;
25
30
  }
26
31
 
27
32
  /* For images to not be able to exceed their container */
28
- img {
29
- max-width: 100%;
33
+ :where(img) {
34
+ max-inline-size: 100%;
35
+ max-block-size: 100%;
30
36
  }
31
37
 
32
38
  /* removes spacing between cells in tables */
33
- table {
39
+ :where(table) {
34
40
  border-collapse: collapse;
35
41
  }
36
42
 
37
43
  /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
38
- input, textarea {
44
+ :where(input, textarea) {
39
45
  user-select: auto;
46
+ cursor: revert;
40
47
  }
41
48
 
42
49
  /* revert the 'white-space' property for textarea elements on Safari */
43
- textarea {
50
+ :where(textarea) {
44
51
  white-space: revert;
45
52
  }
46
53
 
47
54
  /* minimum style to allow to style meter element */
48
- meter {
55
+ :where(meter) {
49
56
  -webkit-appearance: revert;
50
57
  appearance: revert;
51
58
  }
52
59
 
60
+ /* preformatted text - use only for this feature */
61
+ :where(pre) {
62
+ all: revert;
63
+ }
64
+
53
65
  /* reset default text opacity of input placeholder */
54
66
  ::placeholder {
55
67
  color: unset;
56
68
  }
57
69
 
70
+ /* remove default dot (•) sign */
71
+ ::marker {
72
+ content: initial;
73
+ }
74
+
58
75
  /* fix the feature of 'hidden' attribute.
59
76
  display:revert; revert to element instead of attribute */
60
77
  :where([hidden]) {
@@ -77,14 +94,9 @@ meter {
77
94
  -webkit-user-drag: element;
78
95
  }
79
96
 
80
- /* apply text cursor */
81
- :where(input, textarea) {
82
- cursor: text;
83
- }
84
-
85
- /* apply pointer cursor */
86
- :where(a[href], button) {
87
- cursor: pointer;
97
+ /* Revert Modal native behavior */
98
+ :where(dialog:modal) {
99
+ all: revert;
88
100
  }
89
101
 
90
102
  /* fix firefox svg */