@volverjs/style 0.1.30-beta.1 → 0.1.30

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 (59) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/components/vv-attachment.css +1 -1
  3. package/dist/components/vv-avatar.css +1 -1
  4. package/dist/components/vv-badge.css +1 -1
  5. package/dist/components/vv-button.css +1 -1
  6. package/dist/components/vv-calendar.css +1 -1
  7. package/dist/components/vv-checkbox.css +1 -1
  8. package/dist/components/vv-command.css +1 -1
  9. package/dist/components/vv-dropdown-action.css +1 -1
  10. package/dist/components/vv-field.css +1 -1
  11. package/dist/components/vv-input-file.css +1 -1
  12. package/dist/components/vv-input-otp.css +1 -1
  13. package/dist/components/vv-input-range.css +1 -1
  14. package/dist/components/vv-input-text.css +1 -1
  15. package/dist/components/vv-item.css +1 -1
  16. package/dist/components/vv-message-scroller.css +1 -1
  17. package/dist/components/vv-pagination.css +1 -1
  18. package/dist/components/vv-prose.css +1 -1
  19. package/dist/components/vv-radio.css +1 -1
  20. package/dist/components/vv-select.css +1 -1
  21. package/dist/components/vv-table.css +1 -1
  22. package/dist/components/vv-text.css +1 -1
  23. package/dist/components/vv-textarea.css +1 -1
  24. package/dist/components.css +1 -1
  25. package/dist/props/input.css +1 -1
  26. package/dist/props.css +1 -1
  27. package/dist/themes/dark/components.css +1 -1
  28. package/dist/themes/dark/props.css +1 -1
  29. package/dist/themes/dark/volver.css +1 -1
  30. package/dist/volver.css +1 -1
  31. package/package.json +16 -16
  32. package/src/base.scss +1 -1
  33. package/src/components/vv-calendar.scss +1 -1
  34. package/src/presets/_outlined-fields.scss +1 -1
  35. package/src/settings/_input.scss +6 -6
  36. package/src/settings/components/_choice.scss +1 -1
  37. package/src/settings/components/_vv-attachment.scss +1 -1
  38. package/src/settings/components/_vv-avatar.scss +2 -2
  39. package/src/settings/components/_vv-badge.scss +26 -1
  40. package/src/settings/components/_vv-button.scss +7 -8
  41. package/src/settings/components/_vv-calendar.scss +1 -1
  42. package/src/settings/components/_vv-checkbox.scss +1 -1
  43. package/src/settings/components/_vv-command.scss +1 -1
  44. package/src/settings/components/_vv-dropdown-action.scss +1 -1
  45. package/src/settings/components/_vv-input-file.scss +2 -2
  46. package/src/settings/components/_vv-input-otp.scss +3 -3
  47. package/src/settings/components/_vv-input-range.scss +1 -1
  48. package/src/settings/components/_vv-input-text.scss +1 -1
  49. package/src/settings/components/_vv-item.scss +2 -2
  50. package/src/settings/components/_vv-message-scroller.scss +1 -1
  51. package/src/settings/components/_vv-pagination.scss +1 -1
  52. package/src/settings/components/_vv-prose.scss +1 -1
  53. package/src/settings/components/_vv-radio.scss +1 -1
  54. package/src/settings/components/_vv-select.scss +1 -1
  55. package/src/settings/components/_vv-table.scss +1 -1
  56. package/src/settings/components/_vv-text.scss +1 -1
  57. package/src/settings/components/_vv-textarea.scss +1 -1
  58. package/src/themes/dark/settings/_input.scss +4 -8
  59. package/src/themes/dark/settings/components/_vv-button.scss +0 -7
package/dist/base.css CHANGED
@@ -1 +1 @@
1
- :where(:not(html,iframe,canvas,img,svg,video,details,summary,svg *,symbol *)){all:unset;display:revert}:where(*){box-sizing:border-box;border:0 solid #0000}:where(a,button){cursor:revert}:where(ol,ul,menu){list-style:none}:where(img){max-width:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto}:where(textarea){white-space:revert}:where(meter){appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(.revert *){all:revert;accent-color:initial;background-color:initial;caret-color:initial;color:initial;scrollbar-color:initial;font-family:initial}:where(:host,:root,.theme){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='10' y='0' width='10' height='10'/%3E%3Crect fill='black' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E");--bg-noise-1:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-2:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-3:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-4:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-5:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--gradient-brand:linear-gradient(to bottom right, var(--color-brand-darken-3), var(--color-brand), var(--color-brand-lighten-3));--gradient-accent:linear-gradient(to bottom right, var(--color-accent-darken-3), var(--color-accent), var(--color-accent-lighten-3));--gradient-info:linear-gradient(to bottom right, var(--color-info-darken-3), var(--color-info), var(--color-info-lighten-3));--gradient-success:linear-gradient(to bottom right, var(--color-success-darken-3), var(--color-success), var(--color-success-lighten-3));--gradient-warning:linear-gradient(to bottom right, var(--color-warning-darken-3), var(--color-warning), var(--color-warning-lighten-3));--gradient-danger:linear-gradient(to bottom right, var(--color-danger-darken-3), var(--color-danger), var(--color-danger-lighten-3));--gradient-gray:linear-gradient(to bottom right, var(--color-gray-darken-3), var(--color-gray), var(--color-gray-lighten-3));--gradient-1:linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--gradient-2:linear-gradient(to bottom right, #48005c, #8300e2, #a269ff);--gradient-3:radial-gradient(circle at top right, #0ff, #0ff0), radial-gradient(circle at bottom left, #ff1492, #ff149200);--gradient-4:linear-gradient(to bottom right, #00f5a0, #00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--gradient-6:conic-gradient(from -90deg at top left, black, white);--gradient-7:linear-gradient(to bottom right, #72c6ef, #004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--gradient-9:conic-gradient(from .5turn at bottom center, lightblue, white);--gradient-10:conic-gradient(from 90deg at 40% -25%, gold, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, gold, gold, gold);--gradient-11:conic-gradient(at bottom left, deeppink, cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--gradient-13:radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--gradient-14:conic-gradient(at top right, lime, cyan);--gradient-15:linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--gradient-16:radial-gradient(circle at 50% -250%, #374151, #111827, #000);--gradient-17:conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--gradient-18:linear-gradient(0deg, #f00c, #f000 75%), linear-gradient(60deg, #ff0c, #ff00 75%), linear-gradient(120deg, #0f0c, #0f00 75%), linear-gradient(180deg, #0ffc, #0ff0 75%), linear-gradient(240deg, #00fc, #00f0 75%), linear-gradient(300deg, #f0fc, #f0f0 75%);--gradient-19:linear-gradient(to bottom right, #ffe259, #ffa751);--gradient-20:conic-gradient(from -135deg at -10% center, orange, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%, red, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f);--gradient-22:linear-gradient(to bottom right, #acb6e5, #86fde8);--gradient-23:linear-gradient(to bottom right, #536976, #292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--gradient-25:conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--gradient-26:linear-gradient(to bottom right, #9796f0, #fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);--gradient-28:conic-gradient(from -90deg at 50% 105%, white, orchid);--gradient-29:radial-gradient(circle at top right, #bfb3ff, #bfb3ff00), radial-gradient(circle at bottom left, #86acf9, #86acf900);--gradient-30:radial-gradient(circle at top right, #00ff80, #00ff8000), radial-gradient(circle at bottom left, #adffd6, #adffd600);--rounded-none:0px;--rounded-sm:.125rem;--rounded:.25rem;--rounded-md:.375rem;--rounded-lg:.5rem;--rounded-xl:.75rem;--rounded-xxl:1rem;--rounded-xxxl:1.5rem;--rounded-full:9999px;--border-0:0px;--border:1px;--border-2:2px;--border-4:4px;--border-8:8px;--breakpoint-xs:360px;--breakpoint-sm:576px;--breakpoint-md:992px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-xxl:1440px;--breakpoint-xxxl:1536px}@media screen and (width>=0){:where(:host,:root,.theme){--breakpoint-key:xxs;--breakpoint-value:0}}@media screen and (width>=360px){:where(:host,:root,.theme){--breakpoint-key:xs;--breakpoint-value:360px}}@media screen and (width>=576px){:where(:host,:root,.theme){--breakpoint-key:sm;--breakpoint-value:576px}}@media screen and (width>=992px){:where(:host,:root,.theme){--breakpoint-key:md;--breakpoint-value:992px}}@media screen and (width>=1024px){:where(:host,:root,.theme){--breakpoint-key:lg;--breakpoint-value:1024px}}@media screen and (width>=1280px){:where(:host,:root,.theme){--breakpoint-key:xl;--breakpoint-value:1280px}}@media screen and (width>=1440px){:where(:host,:root,.theme){--breakpoint-key:xxl;--breakpoint-value:1440px}}@media screen and (width>=1536px){:where(:host,:root,.theme){--breakpoint-key:xxxl;--breakpoint-value:1536px}}:where(:host,:root,.theme){--color-scheme:light;--color-transparent:transparent;--color-tint:#166abd;--color-shadow:hsl(from var(--color-tint) h 50% 20%);--color-backdrop:hsl(from var(--color-tint) h 50% 20% / 20%);--color-black:#000;--color-white:#fff;--color-word:hsl(from var(--color-tint) h 15% 10%);--color-word-1:hsl(from var(--color-word) h s calc(l + 12));--color-word-2:hsl(from var(--color-word) h s calc(l + 24));--color-word-3:hsl(from var(--color-word) h s calc(l + 36));--color-word-4:hsl(from var(--color-word) h s calc(l + 48));--color-word-5:hsl(from var(--color-word) h s calc(l + 60));--color-surface:hsl(from var(--color-tint) h 10% 100%);--color-surface-1:hsl(from var(--color-surface) h s calc(l - 2));--color-surface-2:hsl(from var(--color-surface) h s calc(l - 4));--color-surface-3:hsl(from var(--color-surface) h s calc(l - 6));--color-surface-4:hsl(from var(--color-surface) h s calc(l - 8));--color-surface-5:hsl(from var(--color-surface) h s calc(l - 10));--color-surface-brand:hsl(from var(--color-brand) h s 90%);--color-surface-accent:hsl(from var(--color-accent) h s 90%);--color-surface-success:hsl(from var(--color-success) h s 90%);--color-surface-danger:hsl(from var(--color-danger) h s 90%);--color-surface-info:hsl(from var(--color-info) h s 90%);--color-surface-warning:hsl(from var(--color-warning) h s 90%);--color-surface-brand-readable:color(from var(--color-brand) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-accent-readable:color(from var(--color-accent) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-success-readable:color(from var(--color-success) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-danger-readable:color(from var(--color-danger) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-info-readable:color(from var(--color-info) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-warning-readable:color(from var(--color-warning) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-alpha:#0000;--color-alpha-1:color-mix(in srgb, var(--color-alpha), transparent 95%);--color-alpha-2:color-mix(in srgb, var(--color-alpha), transparent 90%);--color-alpha-3:color-mix(in srgb, var(--color-alpha), transparent 85%);--color-alpha-4:color-mix(in srgb, var(--color-alpha), transparent 80%);--color-alpha-5:color-mix(in srgb, var(--color-alpha), transparent 75%);--color-brand:#166abd;--color-brand-lighten-1:hsl(from var(--color-brand) h s calc(l * 1.1));--color-brand-lighten-2:hsl(from var(--color-brand) h s calc(l * 1.2));--color-brand-lighten-3:hsl(from var(--color-brand) h s calc(l * 1.3));--color-brand-lighten-4:hsl(from var(--color-brand) h s calc(l * 1.4));--color-brand-lighten-5:hsl(from var(--color-brand) h s calc(l * 1.5));--color-brand-darken-1:hsl(from var(--color-brand) h s calc(l * .9));--color-brand-darken-2:hsl(from var(--color-brand) h s calc(l * .8));--color-brand-darken-3:hsl(from var(--color-brand) h s calc(l * .7));--color-brand-darken-4:hsl(from var(--color-brand) h s calc(l * .6));--color-brand-darken-5:hsl(from var(--color-brand) h s calc(l * .5));--color-brand-contrast:color(from color(from var(--color-brand) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-cover:color(from var(--color-brand) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-1-contrast:color(from color(from var(--color-brand-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-1-cover:color(from var(--color-brand-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-2-contrast:color(from color(from var(--color-brand-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-2-cover:color(from var(--color-brand-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-3-contrast:color(from color(from var(--color-brand-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-3-cover:color(from var(--color-brand-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-4-contrast:color(from color(from var(--color-brand-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-4-cover:color(from var(--color-brand-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-5-contrast:color(from color(from var(--color-brand-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-5-cover:color(from var(--color-brand-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-readable:color(from var(--color-brand) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-brand-readable-strong:color(from var(--color-brand-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-brand-graphic:color(from var(--color-brand) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-accent:#9c27b0;--color-accent-lighten-1:hsl(from var(--color-accent) h s calc(l * 1.1));--color-accent-lighten-2:hsl(from var(--color-accent) h s calc(l * 1.2));--color-accent-lighten-3:hsl(from var(--color-accent) h s calc(l * 1.3));--color-accent-lighten-4:hsl(from var(--color-accent) h s calc(l * 1.4));--color-accent-lighten-5:hsl(from var(--color-accent) h s calc(l * 1.5));--color-accent-darken-1:hsl(from var(--color-accent) h s calc(l * .9));--color-accent-darken-2:hsl(from var(--color-accent) h s calc(l * .8));--color-accent-darken-3:hsl(from var(--color-accent) h s calc(l * .7));--color-accent-darken-4:hsl(from var(--color-accent) h s calc(l * .6));--color-accent-darken-5:hsl(from var(--color-accent) h s calc(l * .5));--color-accent-contrast:color(from color(from var(--color-accent) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-cover:color(from var(--color-accent) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-1-contrast:color(from color(from var(--color-accent-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-1-cover:color(from var(--color-accent-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-2-contrast:color(from color(from var(--color-accent-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-2-cover:color(from var(--color-accent-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-3-contrast:color(from color(from var(--color-accent-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-3-cover:color(from var(--color-accent-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-4-contrast:color(from color(from var(--color-accent-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-4-cover:color(from var(--color-accent-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-5-contrast:color(from color(from var(--color-accent-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-5-cover:color(from var(--color-accent-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-readable:color(from var(--color-accent) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-accent-readable-strong:color(from var(--color-accent-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-accent-graphic:color(from var(--color-accent) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-success:#178230;--color-success-lighten-1:hsl(from var(--color-success) h s calc(l * 1.1));--color-success-lighten-2:hsl(from var(--color-success) h s calc(l * 1.2));--color-success-lighten-3:hsl(from var(--color-success) h s calc(l * 1.3));--color-success-lighten-4:hsl(from var(--color-success) h s calc(l * 1.4));--color-success-lighten-5:hsl(from var(--color-success) h s calc(l * 1.5));--color-success-darken-1:hsl(from var(--color-success) h s calc(l * .9));--color-success-darken-2:hsl(from var(--color-success) h s calc(l * .8));--color-success-darken-3:hsl(from var(--color-success) h s calc(l * .7));--color-success-darken-4:hsl(from var(--color-success) h s calc(l * .6));--color-success-darken-5:hsl(from var(--color-success) h s calc(l * .5));--color-success-contrast:color(from color(from var(--color-success) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-cover:color(from var(--color-success) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-1-contrast:color(from color(from var(--color-success-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-1-cover:color(from var(--color-success-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-2-contrast:color(from color(from var(--color-success-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-2-cover:color(from var(--color-success-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-3-contrast:color(from color(from var(--color-success-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-3-cover:color(from var(--color-success-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-4-contrast:color(from color(from var(--color-success-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-4-cover:color(from var(--color-success-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-5-contrast:color(from color(from var(--color-success-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-5-cover:color(from var(--color-success-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-readable:color(from var(--color-success) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-success-readable-strong:color(from var(--color-success-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-success-graphic:color(from var(--color-success) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-danger:#af2323;--color-danger-lighten-1:hsl(from var(--color-danger) h s calc(l * 1.1));--color-danger-lighten-2:hsl(from var(--color-danger) h s calc(l * 1.2));--color-danger-lighten-3:hsl(from var(--color-danger) h s calc(l * 1.3));--color-danger-lighten-4:hsl(from var(--color-danger) h s calc(l * 1.4));--color-danger-lighten-5:hsl(from var(--color-danger) h s calc(l * 1.5));--color-danger-darken-1:hsl(from var(--color-danger) h s calc(l * .9));--color-danger-darken-2:hsl(from var(--color-danger) h s calc(l * .8));--color-danger-darken-3:hsl(from var(--color-danger) h s calc(l * .7));--color-danger-darken-4:hsl(from var(--color-danger) h s calc(l * .6));--color-danger-darken-5:hsl(from var(--color-danger) h s calc(l * .5));--color-danger-contrast:color(from color(from var(--color-danger) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-cover:color(from var(--color-danger) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-1-contrast:color(from color(from var(--color-danger-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-1-cover:color(from var(--color-danger-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-2-contrast:color(from color(from var(--color-danger-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-2-cover:color(from var(--color-danger-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-3-contrast:color(from color(from var(--color-danger-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-3-cover:color(from var(--color-danger-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-4-contrast:color(from color(from var(--color-danger-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-4-cover:color(from var(--color-danger-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-5-contrast:color(from color(from var(--color-danger-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-5-cover:color(from var(--color-danger-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-readable:color(from var(--color-danger) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-danger-readable-strong:color(from var(--color-danger-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-danger-graphic:color(from var(--color-danger) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-info:#31ccec;--color-info-lighten-1:hsl(from var(--color-info) h s calc(l * 1.1));--color-info-lighten-2:hsl(from var(--color-info) h s calc(l * 1.2));--color-info-lighten-3:hsl(from var(--color-info) h s calc(l * 1.3));--color-info-lighten-4:hsl(from var(--color-info) h s calc(l * 1.4));--color-info-lighten-5:hsl(from var(--color-info) h s calc(l * 1.5));--color-info-darken-1:hsl(from var(--color-info) h s calc(l * .9));--color-info-darken-2:hsl(from var(--color-info) h s calc(l * .8));--color-info-darken-3:hsl(from var(--color-info) h s calc(l * .7));--color-info-darken-4:hsl(from var(--color-info) h s calc(l * .6));--color-info-darken-5:hsl(from var(--color-info) h s calc(l * .5));--color-info-contrast:color(from color(from var(--color-info) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-cover:color(from var(--color-info) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-1-contrast:color(from color(from var(--color-info-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-1-cover:color(from var(--color-info-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-2-contrast:color(from color(from var(--color-info-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-2-cover:color(from var(--color-info-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-3-contrast:color(from color(from var(--color-info-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-3-cover:color(from var(--color-info-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-4-contrast:color(from color(from var(--color-info-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-4-cover:color(from var(--color-info-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-5-contrast:color(from color(from var(--color-info-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-5-cover:color(from var(--color-info-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-readable:color(from var(--color-info) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-info-readable-strong:color(from var(--color-info-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-info-graphic:color(from var(--color-info) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-warning:#e7b735;--color-warning-lighten-1:hsl(from var(--color-warning) h s calc(l * 1.1));--color-warning-lighten-2:hsl(from var(--color-warning) h s calc(l * 1.2));--color-warning-lighten-3:hsl(from var(--color-warning) h s calc(l * 1.3));--color-warning-lighten-4:hsl(from var(--color-warning) h s calc(l * 1.4));--color-warning-lighten-5:hsl(from var(--color-warning) h s calc(l * 1.5));--color-warning-darken-1:hsl(from var(--color-warning) h s calc(l * .9));--color-warning-darken-2:hsl(from var(--color-warning) h s calc(l * .8));--color-warning-darken-3:hsl(from var(--color-warning) h s calc(l * .7));--color-warning-darken-4:hsl(from var(--color-warning) h s calc(l * .6));--color-warning-darken-5:hsl(from var(--color-warning) h s calc(l * .5));--color-warning-contrast:color(from color(from var(--color-warning) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-cover:color(from var(--color-warning) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-1-contrast:color(from color(from var(--color-warning-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-1-cover:color(from var(--color-warning-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-2-contrast:color(from color(from var(--color-warning-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-2-cover:color(from var(--color-warning-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-3-contrast:color(from color(from var(--color-warning-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-3-cover:color(from var(--color-warning-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-4-contrast:color(from color(from var(--color-warning-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-4-cover:color(from var(--color-warning-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-5-contrast:color(from color(from var(--color-warning-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-5-cover:color(from var(--color-warning-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-readable:color(from var(--color-warning) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-warning-readable-strong:color(from var(--color-warning-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-warning-graphic:color(from var(--color-warning) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-gray:hsl(from var(--color-tint) h 15% 50%);--color-gray-lighten-1:hsl(from var(--color-gray) h s calc(l * 1.15));--color-gray-lighten-2:hsl(from var(--color-gray) h s calc(l * 1.3));--color-gray-lighten-3:hsl(from var(--color-gray) h s calc(l * 1.45));--color-gray-lighten-4:hsl(from var(--color-gray) h s calc(l * 1.6));--color-gray-lighten-5:hsl(from var(--color-gray) h s calc(l * 1.75));--color-gray-darken-1:hsl(from var(--color-gray) h s calc(l * .85));--color-gray-darken-2:hsl(from var(--color-gray) h s calc(l * .7));--color-gray-darken-3:hsl(from var(--color-gray) h s calc(l * .55));--color-gray-darken-4:hsl(from var(--color-gray) h s calc(l * .4));--color-gray-darken-5:hsl(from var(--color-gray) h s calc(l * .25))}@supports not (color:hsl(from red h s calc(l + 1))){:where(:host,:root,.theme){--color-word-1:hsl(from var(--color-word) h s calc(l + 12%));--color-word-2:hsl(from var(--color-word) h s calc(l + 24%));--color-word-3:hsl(from var(--color-word) h s calc(l + 36%));--color-word-4:hsl(from var(--color-word) h s calc(l + 48%));--color-word-5:hsl(from var(--color-word) h s calc(l + 60%));--color-surface-1:hsl(from var(--color-surface) h s calc(l - 2%));--color-surface-2:hsl(from var(--color-surface) h s calc(l - 4%));--color-surface-3:hsl(from var(--color-surface) h s calc(l - 6%));--color-surface-4:hsl(from var(--color-surface) h s calc(l - 8%));--color-surface-5:hsl(from var(--color-surface) h s calc(l - 10%))}}:where(:host,:root,.theme){--shadow-sm:0 1px 2px 0 color-mix(in srgb, var(--color-shadow), transparent 95%);--shadow:0 1px 3px 0 color-mix(in srgb, var(--color-shadow), transparent 90%), 0 1px 2px -1px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-md:0 4px 6px -1px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 2px 4px -2px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-lg:0 10px 15px -3px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 4px 6px -4px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-xl:0 20px 25px -5px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 8px 10px -6px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-2xl:0 25px 50px -12px color-mix(in srgb, var(--color-shadow), transparent 75%);--shadow-inner:inset 0 2px 4px 0 color-mix(in srgb, var(--color-shadow), transparent 95%);--shadow-none:0 0 #0000;--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-15:.15;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-35:.35;--opacity-40:.4;--opacity-45:.45;--opacity-50:.5;--opacity-55:.55;--opacity-60:.6;--opacity-65:.65;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-85:.85;--opacity-90:.9;--opacity-95:.95;--opacity-100:1;--blur-none:blur(0);--blur-sm:blur(4px);--blur:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--blur-xxl:blur(40px);--blur-xxxl:blur(64px);--brightness-0:brightness(0);--brightness-50:brightness(.5);--brightness-75:brightness(.75);--brightness-90:brightness(.9);--brightness-95:brightness(.95);--brightness-100:brightness(1);--brightness-105:brightness(1.05);--brightness-110:brightness(1.1);--brightness-125:brightness(1.25);--brightness-150:brightness(1.5);--brightness-200:brightness(2);--brightness-250:brightness(2.5);--brightness-500:brightness(5);--brightness-1000:brightness(10);--contrast-0:contrast(0);--contrast-50:contrast(.5);--contrast-75:contrast(.75);--contrast-100:contrast(1);--contrast-125:contrast(1.25);--contrast-150:contrast(1.5);--contrast-200:contrast(2);--contrast-300:contrast(3);--saturate-0:saturate(0);--saturate-50:saturate(.5);--saturate-100:saturate(1);--saturate-150:saturate(1.5);--saturate-200:saturate(2);--input-background-color-focus:var(--color-surface-2);--input-background-color-hover:var(--color-surface-3);--input-background-color:var(--color-surface-1);--input-color:var(--color-word);--input-display:flex;--input-flex-direction:column;--input-flex:1;--input-font-size:var(--text-16);--input-gap:var(--spacing-md);--input-line-height:var(--leading-normal);--input-min-height:var(--spacing-52);--input-min-width:0;--input-spacing-top:var(--spacing-sm);--input-spacing-right:var(--spacing-sm);--input-spacing-bottom:var(--spacing-sm);--input-spacing-left:var(--spacing-sm);--input-text-overflow:ellipsis;--input-label-color:var(--color-word-2);--input-label-display:block;--input-label-font-size:var(--text-14);--input-label-font-weight:var(--font-normal);--input-label-gap:var(--spacing-xs);--input-label-max-width:100%;--input-label-overflow:hidden;--input-label-text-overflow:ellipsis;--input-label-white-space:nowrap;--input-icon-margin:0 var(--spacing-sm);--input-icon-pointer-events:none;--input-icon-position:absolute;--input-icon-width:1em;--input-hint-color:var(--color-word-2);--input-hint-display:block;--input-hint-font-size:var(--text-12);--input-hint-gap:var(--spacing-8);--input-hint-max-width:100%;--input-hint-overflow:hidden;--input-hint-text-overflow:ellipsis;--input-hint-white-space:nowrap;--input-placeholder-color:var(--color-word-4);--input-valid-color:var(--color-success);--input-valid-text-color:var(--color-success-readable);--input-invalid-color:var(--color-danger);--input-invalid-text-color:var(--color-danger-readable);--input-floating-padding-top:calc(var(--input-spacing-top) + .55em);--input-floating-padding-bottom:calc(var(--input-spacing-bottom) - .55em);--input-floating-label-font-size:var(--text-12);--input-floating-label-translate:0 -.8em;--input-control-size:var(--spacing-20);--input-range-accent-color:var(--color-brand);--input-range-track-color:var(--color-surface-3);--input-range-track-height:var(--spacing-6);--input-range-thumb-size:var(--spacing-20);--input-range-thumb-shadow:var(--shadow-sm);--input-range-thumb-shadow-hover:0 0 0 var(--spacing-4) var(--color-surface-brand);--input-range-progress:0%;--aspect-auto:auto;--aspect-square:1/1;--aspect-photo:3/2;--aspect-tv:4/3;--aspect-wide:16/9;--aspect-ultrawide:21/9;--z-1:1;--z-sticky:1010;--z-fixed:1020;--z-dropdown:1025;--z-modal-backdrop:1030;--z-modal:1040;--z-confirm-backdrop:1050;--z-confirm:1060;--z-popover:1070;--z-tooltip:1080;--z-toast:1090;--z-notification-alert:1100;--z-auto:auto}:where(:root){--direction:1}:where([dir=rtl]){--direction:-1}:where([dir=ltr]){--direction:1}:where(:host,:root,.theme){--w-auto:auto;--w-1-2:50%;--w-1-3:33.3333%;--w-2-3:66.6667%;--w-1-4:25%;--w-2-4:50%;--w-3-4:75%;--w-1-5:20%;--w-2-5:40%;--w-3-5:60%;--w-4-5:80%;--w-1-6:16.6667%;--w-2-6:33.3333%;--w-3-6:50%;--w-4-6:66.6667%;--w-5-6:83.3333%;--w-1-12:8.3333%;--w-2-12:16.6667%;--w-3-12:25%;--w-4-12:33.3333%;--w-5-12:41.6667%;--w-6-12:50%;--w-7-12:58.3333%;--w-8-12:66.6667%;--w-9-12:75%;--w-10-12:83.3333%;--w-11-12:91.6667%;--w-full:100%;--w-screen:100dvw;--w-min:min-content;--w-max:max-content;--w-fit:fit-content;--h-auto:auto;--h-1-2:50%;--h-1-3:33.3333%;--h-2-3:66.6667%;--h-1-4:25%;--h-2-4:50%;--h-3-4:75%;--h-1-5:20%;--h-2-5:40%;--h-3-5:60%;--h-4-5:80%;--h-1-6:16.6667%;--h-2-6:33.3333%;--h-3-6:50%;--h-4-6:66.6667%;--h-5-6:83.3333%;--h-full:100%;--h-screen:100dvh;--h-min:min-content;--h-max:max-content;--h-fit:fit-content;--spacing-0:0;--spacing-px:1px;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-3:.1875rem;--spacing-4:.25rem;--spacing-5:.3125rem;--spacing-6:.375rem;--spacing-7:.4375rem;--spacing-8:.5rem;--spacing-9:.5625rem;--spacing-10:.625rem;--spacing-12:.75rem;--spacing-14:.875rem;--spacing-16:1rem;--spacing-18:1.125rem;--spacing-20:1.25rem;--spacing-22:1.375rem;--spacing-24:1.5rem;--spacing-26:1.625rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-34:2.125rem;--spacing-36:2.25rem;--spacing-38:2.375rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-50:3.125rem;--spacing-52:3.25rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-100:6.25rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-144:9rem;--spacing-150:9.375rem;--spacing-160:10rem;--spacing-176:11rem;--spacing-192:12rem;--spacing-208:13rem;--spacing-224:14rem;--spacing-240:15rem;--spacing-256:16rem;--spacing-288:18rem;--spacing-300:18.75rem;--spacing-320:20rem;--spacing-384:24rem;--spacing-xs:var(--spacing-6)}@media (width>=576px){:where(:host,:root,.theme){--spacing-xs:var(--spacing-8)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-xs:var(--spacing-10)}}:where(:host,:root,.theme){--spacing-sm:var(--spacing-10)}@media (width>=576px){:where(:host,:root,.theme){--spacing-sm:var(--spacing-12)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-sm:var(--spacing-14)}}:where(:host,:root,.theme){--spacing-md:var(--spacing-12)}@media (width>=576px){:where(:host,:root,.theme){--spacing-md:var(--spacing-14)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-md:var(--spacing-16)}}:where(:host,:root,.theme){--spacing-lg:var(--spacing-16)}@media (width>=576px){:where(:host,:root,.theme){--spacing-lg:var(--spacing-22)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-lg:var(--spacing-36)}}:where(:host,:root,.theme){--spacing-xl:var(--spacing-24)}@media (width>=576px){:where(:host,:root,.theme){--spacing-xl:var(--spacing-36)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-xl:var(--spacing-48)}}:where(:host,:root,.theme){--duration-75:0s;--duration-100:0s;--duration-150:0s;--duration-200:0s;--duration-300:0s;--duration-500:0s;--duration-700:0s;--duration-1000:0s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-property-none:none;--transition-property-all:all;--transition-property-colors:color, background-color, border-color, text-decoration-color, fill, stroke;--transition-property-opacity:opacity;--transition-property-shadow:box-shadow;--transition-property-transform:transform, scale, rotate, translate, skew;--transition-none:none;--transition-all:none;--transition-colors:none;--transition-opacity:none;--transition-shadow:none;--transition-transform:none;--animation-none:none;--animation-indeterminate:none;--animation-progress-indeterminate:none;--animation-spin:none;--animation-ping:none;--animation-pulse:none;--animation-bounce:none;--animation-shine:none;--animation-clippath:none}@media (prefers-reduced-motion:no-preference){:where(:host,:root,.theme){--transition-property-none:none;--transition-property-all:all;--transition-property-colors:color, background-color, border-color, text-decoration-color, fill, stroke;--transition-property-opacity:opacity;--transition-property-shadow:box-shadow;--transition-property-transform:transform, scale, rotate, translate, skew;--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animation-none:none;--animation-indeterminate:indeterminate 2s infinite;--animation-progress-indeterminate:progress-indeterminate 1.5s linear infinite;--animation-spin:spin 1s infinite;--animation-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce:bounce 1s infinite;--animation-shine:shine 1.5s infinite;--animation-clippath:clippath 3s infinite;--transition-none:none;--transition-all:all var(--duration-300) var(--ease-in-out);--transition-colors:color var(--duration-300) var(--ease-in-out), background-color var(--duration-300) var(--ease-in-out), border-color var(--duration-300) var(--ease-in-out), text-decoration-color var(--duration-300) var(--ease-in-out), fill var(--duration-300) var(--ease-in-out), stroke var(--duration-300) var(--ease-in-out);--transition-opacity:opacity var(--duration-300) var(--ease-in-out);--transition-shadow:box-shadow var(--duration-300) var(--ease-in-out);--transition-transform:transform var(--duration-300) var(--ease-in-out), scale var(--duration-300) var(--ease-in-out), rotate var(--duration-300) var(--ease-in-out), translate var(--duration-300) var(--ease-in-out), skew var(--duration-300) var(--ease-in-out)}}@keyframes indeterminate{0%{scale:0 1}50%{transform-origin:0;scale:1}51%{transform-origin:100%;scale:1}to{transform-origin:100%;scale:0 1}}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes ping{75%,to{opacity:0;scale:2}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);translate:0 -25%}50%{animation-timing-function:cubic-bezier(0,0,.2,1);translate:0}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pie-masks{0%{opacity:1}50%,to{opacity:0}}@keyframes fade-out{95%{opacity:1}to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}@keyframes clippath{0%,to{clip-path:inset(0 0 95%)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0)}75%{clip-path:inset(0 0 0 95%)}}:where(:host,:root,.theme){--font-sans: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-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--text-smaller:smaller;--text-larger:larger;--text-6:.375rem;--text-8:.5rem;--text-10:.625rem;--text-12:.75rem;--text-14:.875rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--text-22:1.375rem;--text-24:1.5rem;--text-26:1.625rem;--text-28:1.75rem;--text-30:1.875rem;--text-32:2rem;--text-34:2.125rem;--text-36:2.25rem;--text-48:3rem;--text-60:3.75rem;--text-72:4.5rem;--text-96:6rem;--text-128:8rem;--text-xs:var(--text-10)}@media (width>=576px){:where(:host,:root,.theme){--text-xs:var(--text-12)}}@media (width>=1024px){:where(:host,:root,.theme){--text-xs:var(--text-14)}}:where(:host,:root,.theme){--text-sm:var(--text-12)}@media (width>=576px){:where(:host,:root,.theme){--text-sm:var(--text-14)}}@media (width>=1024px){:where(:host,:root,.theme){--text-sm:var(--text-16)}}:where(:host,:root,.theme){--text-md:var(--text-14)}@media (width>=576px){:where(:host,:root,.theme){--text-md:var(--text-16)}}@media (width>=1024px){:where(:host,:root,.theme){--text-md:var(--text-18)}}:where(:host,:root,.theme){--text-lg:var(--text-16)}@media (width>=576px){:where(:host,:root,.theme){--text-lg:var(--text-18)}}@media (width>=1024px){:where(:host,:root,.theme){--text-lg:var(--text-20)}}:where(:host,:root,.theme){--text-xl:var(--text-18)}@media (width>=576px){:where(:host,:root,.theme){--text-xl:var(--text-20)}}@media (width>=1024px){:where(:host,:root,.theme){--text-xl:var(--text-22)}}:where(:host,:root,.theme){accent-color:var(--color-brand);background:var(--color-surface);caret-color:var(--color-brand);color-scheme:var(--color-scheme);color:var(--color-word);scrollbar-color:var(--color-brand);font-family:var(--font-sans)}
1
+ :where(:not(html,iframe,canvas,img,svg,video,details,summary,svg *,symbol *)){all:unset;display:revert}:where(*){box-sizing:border-box;border:0 solid #0000}:where(a,button){cursor:revert}:where(ol,ul,menu){list-style:none}:where(img){max-width:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto}:where(textarea){white-space:revert}:where(meter){appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(.revert *){all:revert;accent-color:initial;background-color:initial;caret-color:initial;color:initial;scrollbar-color:initial;font-family:initial}:where(:host,:root,.theme){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='10' y='0' width='10' height='10'/%3E%3Crect fill='black' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E");--bg-noise-1:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-2:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-3:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-4:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-5:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--gradient-brand:linear-gradient(to bottom right, var(--color-brand-darken-3), var(--color-brand), var(--color-brand-lighten-3));--gradient-accent:linear-gradient(to bottom right, var(--color-accent-darken-3), var(--color-accent), var(--color-accent-lighten-3));--gradient-info:linear-gradient(to bottom right, var(--color-info-darken-3), var(--color-info), var(--color-info-lighten-3));--gradient-success:linear-gradient(to bottom right, var(--color-success-darken-3), var(--color-success), var(--color-success-lighten-3));--gradient-warning:linear-gradient(to bottom right, var(--color-warning-darken-3), var(--color-warning), var(--color-warning-lighten-3));--gradient-danger:linear-gradient(to bottom right, var(--color-danger-darken-3), var(--color-danger), var(--color-danger-lighten-3));--gradient-gray:linear-gradient(to bottom right, var(--color-gray-darken-3), var(--color-gray), var(--color-gray-lighten-3));--gradient-1:linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--gradient-2:linear-gradient(to bottom right, #48005c, #8300e2, #a269ff);--gradient-3:radial-gradient(circle at top right, #0ff, #0ff0), radial-gradient(circle at bottom left, #ff1492, #ff149200);--gradient-4:linear-gradient(to bottom right, #00f5a0, #00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--gradient-6:conic-gradient(from -90deg at top left, black, white);--gradient-7:linear-gradient(to bottom right, #72c6ef, #004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--gradient-9:conic-gradient(from .5turn at bottom center, lightblue, white);--gradient-10:conic-gradient(from 90deg at 40% -25%, gold, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, gold, gold, gold);--gradient-11:conic-gradient(at bottom left, deeppink, cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--gradient-13:radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--gradient-14:conic-gradient(at top right, lime, cyan);--gradient-15:linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--gradient-16:radial-gradient(circle at 50% -250%, #374151, #111827, #000);--gradient-17:conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--gradient-18:linear-gradient(0deg, #f00c, #f000 75%), linear-gradient(60deg, #ff0c, #ff00 75%), linear-gradient(120deg, #0f0c, #0f00 75%), linear-gradient(180deg, #0ffc, #0ff0 75%), linear-gradient(240deg, #00fc, #00f0 75%), linear-gradient(300deg, #f0fc, #f0f0 75%);--gradient-19:linear-gradient(to bottom right, #ffe259, #ffa751);--gradient-20:conic-gradient(from -135deg at -10% center, orange, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%, red, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f);--gradient-22:linear-gradient(to bottom right, #acb6e5, #86fde8);--gradient-23:linear-gradient(to bottom right, #536976, #292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--gradient-25:conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--gradient-26:linear-gradient(to bottom right, #9796f0, #fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);--gradient-28:conic-gradient(from -90deg at 50% 105%, white, orchid);--gradient-29:radial-gradient(circle at top right, #bfb3ff, #bfb3ff00), radial-gradient(circle at bottom left, #86acf9, #86acf900);--gradient-30:radial-gradient(circle at top right, #00ff80, #00ff8000), radial-gradient(circle at bottom left, #adffd6, #adffd600);--rounded-none:0px;--rounded-sm:.125rem;--rounded:.25rem;--rounded-md:.375rem;--rounded-lg:.5rem;--rounded-xl:.75rem;--rounded-xxl:1rem;--rounded-xxxl:1.5rem;--rounded-full:9999px;--border-0:0px;--border:1px;--border-2:2px;--border-4:4px;--border-8:8px;--breakpoint-xs:360px;--breakpoint-sm:576px;--breakpoint-md:992px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-xxl:1440px;--breakpoint-xxxl:1536px}@media screen and (width>=0){:where(:host,:root,.theme){--breakpoint-key:xxs;--breakpoint-value:0}}@media screen and (width>=360px){:where(:host,:root,.theme){--breakpoint-key:xs;--breakpoint-value:360px}}@media screen and (width>=576px){:where(:host,:root,.theme){--breakpoint-key:sm;--breakpoint-value:576px}}@media screen and (width>=992px){:where(:host,:root,.theme){--breakpoint-key:md;--breakpoint-value:992px}}@media screen and (width>=1024px){:where(:host,:root,.theme){--breakpoint-key:lg;--breakpoint-value:1024px}}@media screen and (width>=1280px){:where(:host,:root,.theme){--breakpoint-key:xl;--breakpoint-value:1280px}}@media screen and (width>=1440px){:where(:host,:root,.theme){--breakpoint-key:xxl;--breakpoint-value:1440px}}@media screen and (width>=1536px){:where(:host,:root,.theme){--breakpoint-key:xxxl;--breakpoint-value:1536px}}:where(:host,:root,.theme){--color-scheme:light;--color-transparent:transparent;--color-tint:#166abd;--color-shadow:hsl(from var(--color-tint) h 50% 20%);--color-backdrop:hsl(from var(--color-tint) h 50% 20% / 20%);--color-black:#000;--color-white:#fff;--color-word:hsl(from var(--color-tint) h 15% 10%);--color-word-1:hsl(from var(--color-word) h s calc(l + 12));--color-word-2:hsl(from var(--color-word) h s calc(l + 24));--color-word-3:hsl(from var(--color-word) h s calc(l + 36));--color-word-4:hsl(from var(--color-word) h s calc(l + 48));--color-word-5:hsl(from var(--color-word) h s calc(l + 60));--color-surface:hsl(from var(--color-tint) h 10% 100%);--color-surface-1:hsl(from var(--color-surface) h s calc(l - 2));--color-surface-2:hsl(from var(--color-surface) h s calc(l - 4));--color-surface-3:hsl(from var(--color-surface) h s calc(l - 6));--color-surface-4:hsl(from var(--color-surface) h s calc(l - 8));--color-surface-5:hsl(from var(--color-surface) h s calc(l - 10));--color-surface-brand:hsl(from var(--color-brand) h s 90%);--color-surface-accent:hsl(from var(--color-accent) h s 90%);--color-surface-success:hsl(from var(--color-success) h s 90%);--color-surface-danger:hsl(from var(--color-danger) h s 90%);--color-surface-info:hsl(from var(--color-info) h s 90%);--color-surface-warning:hsl(from var(--color-warning) h s 90%);--color-surface-brand-readable:color(from var(--color-brand) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-accent-readable:color(from var(--color-accent) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-success-readable:color(from var(--color-success) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-danger-readable:color(from var(--color-danger) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-info-readable:color(from var(--color-info) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-surface-warning-readable:color(from var(--color-warning) xyz-d65 calc(x * min(1, .0983 / max(y, .0001))) min(y, .0983) calc(z * min(1, .0983 / max(y, .0001))));--color-alpha:#0000;--color-alpha-1:color-mix(in srgb, var(--color-alpha), transparent 95%);--color-alpha-2:color-mix(in srgb, var(--color-alpha), transparent 90%);--color-alpha-3:color-mix(in srgb, var(--color-alpha), transparent 85%);--color-alpha-4:color-mix(in srgb, var(--color-alpha), transparent 80%);--color-alpha-5:color-mix(in srgb, var(--color-alpha), transparent 75%);--color-brand:#166abd;--color-brand-lighten-1:hsl(from var(--color-brand) h s calc(l * 1.1));--color-brand-lighten-2:hsl(from var(--color-brand) h s calc(l * 1.2));--color-brand-lighten-3:hsl(from var(--color-brand) h s calc(l * 1.3));--color-brand-lighten-4:hsl(from var(--color-brand) h s calc(l * 1.4));--color-brand-lighten-5:hsl(from var(--color-brand) h s calc(l * 1.5));--color-brand-darken-1:hsl(from var(--color-brand) h s calc(l * .9));--color-brand-darken-2:hsl(from var(--color-brand) h s calc(l * .8));--color-brand-darken-3:hsl(from var(--color-brand) h s calc(l * .7));--color-brand-darken-4:hsl(from var(--color-brand) h s calc(l * .6));--color-brand-darken-5:hsl(from var(--color-brand) h s calc(l * .5));--color-brand-contrast:color(from color(from var(--color-brand) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-cover:color(from var(--color-brand) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-1-contrast:color(from color(from var(--color-brand-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-1-cover:color(from var(--color-brand-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-2-contrast:color(from color(from var(--color-brand-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-2-cover:color(from var(--color-brand-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-3-contrast:color(from color(from var(--color-brand-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-3-cover:color(from var(--color-brand-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-4-contrast:color(from color(from var(--color-brand-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-4-cover:color(from var(--color-brand-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-darken-5-contrast:color(from color(from var(--color-brand-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-brand-darken-5-cover:color(from var(--color-brand-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-brand-readable:color(from var(--color-brand) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-brand-readable-strong:color(from var(--color-brand-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-brand-graphic:color(from var(--color-brand) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-accent:#9c27b0;--color-accent-lighten-1:hsl(from var(--color-accent) h s calc(l * 1.1));--color-accent-lighten-2:hsl(from var(--color-accent) h s calc(l * 1.2));--color-accent-lighten-3:hsl(from var(--color-accent) h s calc(l * 1.3));--color-accent-lighten-4:hsl(from var(--color-accent) h s calc(l * 1.4));--color-accent-lighten-5:hsl(from var(--color-accent) h s calc(l * 1.5));--color-accent-darken-1:hsl(from var(--color-accent) h s calc(l * .9));--color-accent-darken-2:hsl(from var(--color-accent) h s calc(l * .8));--color-accent-darken-3:hsl(from var(--color-accent) h s calc(l * .7));--color-accent-darken-4:hsl(from var(--color-accent) h s calc(l * .6));--color-accent-darken-5:hsl(from var(--color-accent) h s calc(l * .5));--color-accent-contrast:color(from color(from var(--color-accent) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-cover:color(from var(--color-accent) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-1-contrast:color(from color(from var(--color-accent-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-1-cover:color(from var(--color-accent-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-2-contrast:color(from color(from var(--color-accent-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-2-cover:color(from var(--color-accent-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-3-contrast:color(from color(from var(--color-accent-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-3-cover:color(from var(--color-accent-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-4-contrast:color(from color(from var(--color-accent-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-4-cover:color(from var(--color-accent-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-darken-5-contrast:color(from color(from var(--color-accent-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-accent-darken-5-cover:color(from var(--color-accent-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-accent-readable:color(from var(--color-accent) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-accent-readable-strong:color(from var(--color-accent-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-accent-graphic:color(from var(--color-accent) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-success:#178230;--color-success-lighten-1:hsl(from var(--color-success) h s calc(l * 1.1));--color-success-lighten-2:hsl(from var(--color-success) h s calc(l * 1.2));--color-success-lighten-3:hsl(from var(--color-success) h s calc(l * 1.3));--color-success-lighten-4:hsl(from var(--color-success) h s calc(l * 1.4));--color-success-lighten-5:hsl(from var(--color-success) h s calc(l * 1.5));--color-success-darken-1:hsl(from var(--color-success) h s calc(l * .9));--color-success-darken-2:hsl(from var(--color-success) h s calc(l * .8));--color-success-darken-3:hsl(from var(--color-success) h s calc(l * .7));--color-success-darken-4:hsl(from var(--color-success) h s calc(l * .6));--color-success-darken-5:hsl(from var(--color-success) h s calc(l * .5));--color-success-contrast:color(from color(from var(--color-success) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-cover:color(from var(--color-success) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-1-contrast:color(from color(from var(--color-success-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-1-cover:color(from var(--color-success-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-2-contrast:color(from color(from var(--color-success-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-2-cover:color(from var(--color-success-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-3-contrast:color(from color(from var(--color-success-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-3-cover:color(from var(--color-success-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-4-contrast:color(from color(from var(--color-success-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-4-cover:color(from var(--color-success-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-darken-5-contrast:color(from color(from var(--color-success-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-success-darken-5-cover:color(from var(--color-success-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-success-readable:color(from var(--color-success) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-success-readable-strong:color(from var(--color-success-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-success-graphic:color(from var(--color-success) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-danger:#af2323;--color-danger-lighten-1:hsl(from var(--color-danger) h s calc(l * 1.1));--color-danger-lighten-2:hsl(from var(--color-danger) h s calc(l * 1.2));--color-danger-lighten-3:hsl(from var(--color-danger) h s calc(l * 1.3));--color-danger-lighten-4:hsl(from var(--color-danger) h s calc(l * 1.4));--color-danger-lighten-5:hsl(from var(--color-danger) h s calc(l * 1.5));--color-danger-darken-1:hsl(from var(--color-danger) h s calc(l * .9));--color-danger-darken-2:hsl(from var(--color-danger) h s calc(l * .8));--color-danger-darken-3:hsl(from var(--color-danger) h s calc(l * .7));--color-danger-darken-4:hsl(from var(--color-danger) h s calc(l * .6));--color-danger-darken-5:hsl(from var(--color-danger) h s calc(l * .5));--color-danger-contrast:color(from color(from var(--color-danger) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-cover:color(from var(--color-danger) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-1-contrast:color(from color(from var(--color-danger-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-1-cover:color(from var(--color-danger-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-2-contrast:color(from color(from var(--color-danger-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-2-cover:color(from var(--color-danger-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-3-contrast:color(from color(from var(--color-danger-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-3-cover:color(from var(--color-danger-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-4-contrast:color(from color(from var(--color-danger-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-4-cover:color(from var(--color-danger-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-darken-5-contrast:color(from color(from var(--color-danger-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-danger-darken-5-cover:color(from var(--color-danger-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-danger-readable:color(from var(--color-danger) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-danger-readable-strong:color(from var(--color-danger-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-danger-graphic:color(from var(--color-danger) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-info:#31ccec;--color-info-lighten-1:hsl(from var(--color-info) h s calc(l * 1.1));--color-info-lighten-2:hsl(from var(--color-info) h s calc(l * 1.2));--color-info-lighten-3:hsl(from var(--color-info) h s calc(l * 1.3));--color-info-lighten-4:hsl(from var(--color-info) h s calc(l * 1.4));--color-info-lighten-5:hsl(from var(--color-info) h s calc(l * 1.5));--color-info-darken-1:hsl(from var(--color-info) h s calc(l * .9));--color-info-darken-2:hsl(from var(--color-info) h s calc(l * .8));--color-info-darken-3:hsl(from var(--color-info) h s calc(l * .7));--color-info-darken-4:hsl(from var(--color-info) h s calc(l * .6));--color-info-darken-5:hsl(from var(--color-info) h s calc(l * .5));--color-info-contrast:color(from color(from var(--color-info) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-cover:color(from var(--color-info) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-1-contrast:color(from color(from var(--color-info-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-1-cover:color(from var(--color-info-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-2-contrast:color(from color(from var(--color-info-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-2-cover:color(from var(--color-info-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-3-contrast:color(from color(from var(--color-info-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-3-cover:color(from var(--color-info-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-4-contrast:color(from color(from var(--color-info-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-4-cover:color(from var(--color-info-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-darken-5-contrast:color(from color(from var(--color-info-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-info-darken-5-cover:color(from var(--color-info-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-info-readable:color(from var(--color-info) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-info-readable-strong:color(from var(--color-info-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-info-graphic:color(from var(--color-info) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-warning:#e7b735;--color-warning-lighten-1:hsl(from var(--color-warning) h s calc(l * 1.1));--color-warning-lighten-2:hsl(from var(--color-warning) h s calc(l * 1.2));--color-warning-lighten-3:hsl(from var(--color-warning) h s calc(l * 1.3));--color-warning-lighten-4:hsl(from var(--color-warning) h s calc(l * 1.4));--color-warning-lighten-5:hsl(from var(--color-warning) h s calc(l * 1.5));--color-warning-darken-1:hsl(from var(--color-warning) h s calc(l * .9));--color-warning-darken-2:hsl(from var(--color-warning) h s calc(l * .8));--color-warning-darken-3:hsl(from var(--color-warning) h s calc(l * .7));--color-warning-darken-4:hsl(from var(--color-warning) h s calc(l * .6));--color-warning-darken-5:hsl(from var(--color-warning) h s calc(l * .5));--color-warning-contrast:color(from color(from var(--color-warning) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-cover:color(from var(--color-warning) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-1-contrast:color(from color(from var(--color-warning-darken-1) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-1-cover:color(from var(--color-warning-darken-1) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-2-contrast:color(from color(from var(--color-warning-darken-2) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-2-cover:color(from var(--color-warning-darken-2) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-3-contrast:color(from color(from var(--color-warning-darken-3) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-3-cover:color(from var(--color-warning-darken-3) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-4-contrast:color(from color(from var(--color-warning-darken-4) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-4-cover:color(from var(--color-warning-darken-4) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-darken-5-contrast:color(from color(from var(--color-warning-darken-5) xyz-d65 x y z / clamp(0, (.1791 - y) * 1000000, 1)) srgb alpha alpha alpha / 1);--color-warning-darken-5-cover:color(from var(--color-warning-darken-5) xyz-d65 x y z / calc(1 - clamp(0, (.1791 - y) * 1000000, 1)));--color-warning-readable:color(from var(--color-warning) xyz-d65 calc(x * min(1, .1574 / max(y, .0001))) min(y, .1574) calc(z * min(1, .1574 / max(y, .0001))));--color-warning-readable-strong:color(from var(--color-warning-readable) xyz-d65 calc(x * .5) calc(y * .5) calc(z * .5));--color-warning-graphic:color(from var(--color-warning) xyz-d65 calc(x * min(1, .2577 / max(y, .0001))) min(y, .2577) calc(z * min(1, .2577 / max(y, .0001))));--color-gray:hsl(from var(--color-tint) h 15% 50%);--color-gray-lighten-1:hsl(from var(--color-gray) h s calc(l * 1.15));--color-gray-lighten-2:hsl(from var(--color-gray) h s calc(l * 1.3));--color-gray-lighten-3:hsl(from var(--color-gray) h s calc(l * 1.45));--color-gray-lighten-4:hsl(from var(--color-gray) h s calc(l * 1.6));--color-gray-lighten-5:hsl(from var(--color-gray) h s calc(l * 1.75));--color-gray-darken-1:hsl(from var(--color-gray) h s calc(l * .85));--color-gray-darken-2:hsl(from var(--color-gray) h s calc(l * .7));--color-gray-darken-3:hsl(from var(--color-gray) h s calc(l * .55));--color-gray-darken-4:hsl(from var(--color-gray) h s calc(l * .4));--color-gray-darken-5:hsl(from var(--color-gray) h s calc(l * .25))}@supports not (color:hsl(from red h s calc(l + 1))){:where(:host,:root,.theme){--color-word-1:hsl(from var(--color-word) h s calc(l + 12%));--color-word-2:hsl(from var(--color-word) h s calc(l + 24%));--color-word-3:hsl(from var(--color-word) h s calc(l + 36%));--color-word-4:hsl(from var(--color-word) h s calc(l + 48%));--color-word-5:hsl(from var(--color-word) h s calc(l + 60%));--color-surface-1:hsl(from var(--color-surface) h s calc(l - 2%));--color-surface-2:hsl(from var(--color-surface) h s calc(l - 4%));--color-surface-3:hsl(from var(--color-surface) h s calc(l - 6%));--color-surface-4:hsl(from var(--color-surface) h s calc(l - 8%));--color-surface-5:hsl(from var(--color-surface) h s calc(l - 10%))}}:where(:host,:root,.theme){--shadow-sm:0 1px 2px 0 color-mix(in srgb, var(--color-shadow), transparent 95%);--shadow:0 1px 3px 0 color-mix(in srgb, var(--color-shadow), transparent 90%), 0 1px 2px -1px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-md:0 4px 6px -1px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 2px 4px -2px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-lg:0 10px 15px -3px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 4px 6px -4px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-xl:0 20px 25px -5px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 8px 10px -6px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-2xl:0 25px 50px -12px color-mix(in srgb, var(--color-shadow), transparent 75%);--shadow-inner:inset 0 2px 4px 0 color-mix(in srgb, var(--color-shadow), transparent 95%);--shadow-none:0 0 #0000;--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-15:.15;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-35:.35;--opacity-40:.4;--opacity-45:.45;--opacity-50:.5;--opacity-55:.55;--opacity-60:.6;--opacity-65:.65;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-85:.85;--opacity-90:.9;--opacity-95:.95;--opacity-100:1;--blur-none:blur(0);--blur-sm:blur(4px);--blur:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--blur-xxl:blur(40px);--blur-xxxl:blur(64px);--brightness-0:brightness(0);--brightness-50:brightness(.5);--brightness-75:brightness(.75);--brightness-90:brightness(.9);--brightness-95:brightness(.95);--brightness-100:brightness(1);--brightness-105:brightness(1.05);--brightness-110:brightness(1.1);--brightness-125:brightness(1.25);--brightness-150:brightness(1.5);--brightness-200:brightness(2);--brightness-250:brightness(2.5);--brightness-500:brightness(5);--brightness-1000:brightness(10);--contrast-0:contrast(0);--contrast-50:contrast(.5);--contrast-75:contrast(.75);--contrast-100:contrast(1);--contrast-125:contrast(1.25);--contrast-150:contrast(1.5);--contrast-200:contrast(2);--contrast-300:contrast(3);--saturate-0:saturate(0);--saturate-50:saturate(.5);--saturate-100:saturate(1);--saturate-150:saturate(1.5);--saturate-200:saturate(2);--input-background-color-focus:var(--color-surface-2);--input-background-color-hover:var(--color-surface-3);--input-background-color:var(--color-surface-1);--input-color:var(--color-word);--input-display:flex;--input-flex-direction:column;--input-flex:1;--input-font-size:var(--text-16);--input-gap:var(--spacing-md);--input-line-height:var(--leading-normal);--input-min-height:var(--spacing-52);--input-min-width:0;--input-spacing-top:var(--spacing-sm);--input-spacing-right:var(--spacing-sm);--input-spacing-bottom:var(--spacing-sm);--input-spacing-left:var(--spacing-sm);--input-text-overflow:ellipsis;--input-label-color:var(--color-word-2);--input-label-display:block;--input-label-font-size:var(--text-14);--input-label-font-weight:var(--font-normal);--input-label-gap:var(--spacing-xs);--input-label-max-width:100%;--input-label-overflow:hidden;--input-label-text-overflow:ellipsis;--input-label-white-space:nowrap;--input-icon-margin:0 var(--spacing-sm);--input-icon-pointer-events:none;--input-icon-position:absolute;--input-icon-width:1em;--input-hint-color:var(--color-word-2);--input-hint-display:block;--input-hint-font-size:var(--text-12);--input-hint-gap:var(--spacing-8);--input-hint-max-width:100%;--input-hint-overflow:hidden;--input-hint-text-overflow:ellipsis;--input-hint-white-space:nowrap;--input-placeholder-color:var(--color-word-4);--input-valid-color:var(--color-success-graphic);--input-valid-text-color:var(--color-success-readable);--input-invalid-color:var(--color-danger-graphic);--input-invalid-text-color:var(--color-danger-readable);--input-floating-padding-top:calc(var(--input-spacing-top) + .55em);--input-floating-padding-bottom:calc(var(--input-spacing-bottom) - .55em);--input-floating-label-font-size:var(--text-12);--input-floating-label-translate:0 -.8em;--input-control-size:var(--spacing-20);--input-range-accent-color:var(--color-brand);--input-range-track-color:var(--color-surface-3);--input-range-track-height:var(--spacing-6);--input-range-thumb-size:var(--spacing-20);--input-range-thumb-shadow:var(--shadow-sm);--input-range-thumb-shadow-hover:0 0 0 var(--spacing-4) var(--color-surface-brand);--input-range-progress:0%;--aspect-auto:auto;--aspect-square:1/1;--aspect-photo:3/2;--aspect-tv:4/3;--aspect-wide:16/9;--aspect-ultrawide:21/9;--z-1:1;--z-sticky:1010;--z-fixed:1020;--z-dropdown:1025;--z-modal-backdrop:1030;--z-modal:1040;--z-confirm-backdrop:1050;--z-confirm:1060;--z-popover:1070;--z-tooltip:1080;--z-toast:1090;--z-notification-alert:1100;--z-auto:auto}:where(:root){--direction:1}:where([dir=rtl]){--direction:-1}:where([dir=ltr]){--direction:1}:where(:host,:root,.theme){--w-auto:auto;--w-1-2:50%;--w-1-3:33.3333%;--w-2-3:66.6667%;--w-1-4:25%;--w-2-4:50%;--w-3-4:75%;--w-1-5:20%;--w-2-5:40%;--w-3-5:60%;--w-4-5:80%;--w-1-6:16.6667%;--w-2-6:33.3333%;--w-3-6:50%;--w-4-6:66.6667%;--w-5-6:83.3333%;--w-1-12:8.3333%;--w-2-12:16.6667%;--w-3-12:25%;--w-4-12:33.3333%;--w-5-12:41.6667%;--w-6-12:50%;--w-7-12:58.3333%;--w-8-12:66.6667%;--w-9-12:75%;--w-10-12:83.3333%;--w-11-12:91.6667%;--w-full:100%;--w-screen:100dvw;--w-min:min-content;--w-max:max-content;--w-fit:fit-content;--h-auto:auto;--h-1-2:50%;--h-1-3:33.3333%;--h-2-3:66.6667%;--h-1-4:25%;--h-2-4:50%;--h-3-4:75%;--h-1-5:20%;--h-2-5:40%;--h-3-5:60%;--h-4-5:80%;--h-1-6:16.6667%;--h-2-6:33.3333%;--h-3-6:50%;--h-4-6:66.6667%;--h-5-6:83.3333%;--h-full:100%;--h-screen:100dvh;--h-min:min-content;--h-max:max-content;--h-fit:fit-content;--spacing-0:0;--spacing-px:1px;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-3:.1875rem;--spacing-4:.25rem;--spacing-5:.3125rem;--spacing-6:.375rem;--spacing-7:.4375rem;--spacing-8:.5rem;--spacing-9:.5625rem;--spacing-10:.625rem;--spacing-12:.75rem;--spacing-14:.875rem;--spacing-16:1rem;--spacing-18:1.125rem;--spacing-20:1.25rem;--spacing-22:1.375rem;--spacing-24:1.5rem;--spacing-26:1.625rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-34:2.125rem;--spacing-36:2.25rem;--spacing-38:2.375rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-50:3.125rem;--spacing-52:3.25rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-100:6.25rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-144:9rem;--spacing-150:9.375rem;--spacing-160:10rem;--spacing-176:11rem;--spacing-192:12rem;--spacing-208:13rem;--spacing-224:14rem;--spacing-240:15rem;--spacing-256:16rem;--spacing-288:18rem;--spacing-300:18.75rem;--spacing-320:20rem;--spacing-384:24rem;--spacing-xs:var(--spacing-6)}@media (width>=576px){:where(:host,:root,.theme){--spacing-xs:var(--spacing-8)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-xs:var(--spacing-10)}}:where(:host,:root,.theme){--spacing-sm:var(--spacing-10)}@media (width>=576px){:where(:host,:root,.theme){--spacing-sm:var(--spacing-12)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-sm:var(--spacing-14)}}:where(:host,:root,.theme){--spacing-md:var(--spacing-12)}@media (width>=576px){:where(:host,:root,.theme){--spacing-md:var(--spacing-14)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-md:var(--spacing-16)}}:where(:host,:root,.theme){--spacing-lg:var(--spacing-16)}@media (width>=576px){:where(:host,:root,.theme){--spacing-lg:var(--spacing-22)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-lg:var(--spacing-36)}}:where(:host,:root,.theme){--spacing-xl:var(--spacing-24)}@media (width>=576px){:where(:host,:root,.theme){--spacing-xl:var(--spacing-36)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-xl:var(--spacing-48)}}:where(:host,:root,.theme){--duration-75:0s;--duration-100:0s;--duration-150:0s;--duration-200:0s;--duration-300:0s;--duration-500:0s;--duration-700:0s;--duration-1000:0s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-property-none:none;--transition-property-all:all;--transition-property-colors:color, background-color, border-color, text-decoration-color, fill, stroke;--transition-property-opacity:opacity;--transition-property-shadow:box-shadow;--transition-property-transform:transform, scale, rotate, translate, skew;--transition-none:none;--transition-all:none;--transition-colors:none;--transition-opacity:none;--transition-shadow:none;--transition-transform:none;--animation-none:none;--animation-indeterminate:none;--animation-progress-indeterminate:none;--animation-spin:none;--animation-ping:none;--animation-pulse:none;--animation-bounce:none;--animation-shine:none;--animation-clippath:none}@media (prefers-reduced-motion:no-preference){:where(:host,:root,.theme){--transition-property-none:none;--transition-property-all:all;--transition-property-colors:color, background-color, border-color, text-decoration-color, fill, stroke;--transition-property-opacity:opacity;--transition-property-shadow:box-shadow;--transition-property-transform:transform, scale, rotate, translate, skew;--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animation-none:none;--animation-indeterminate:indeterminate 2s infinite;--animation-progress-indeterminate:progress-indeterminate 1.5s linear infinite;--animation-spin:spin 1s infinite;--animation-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce:bounce 1s infinite;--animation-shine:shine 1.5s infinite;--animation-clippath:clippath 3s infinite;--transition-none:none;--transition-all:all var(--duration-300) var(--ease-in-out);--transition-colors:color var(--duration-300) var(--ease-in-out), background-color var(--duration-300) var(--ease-in-out), border-color var(--duration-300) var(--ease-in-out), text-decoration-color var(--duration-300) var(--ease-in-out), fill var(--duration-300) var(--ease-in-out), stroke var(--duration-300) var(--ease-in-out);--transition-opacity:opacity var(--duration-300) var(--ease-in-out);--transition-shadow:box-shadow var(--duration-300) var(--ease-in-out);--transition-transform:transform var(--duration-300) var(--ease-in-out), scale var(--duration-300) var(--ease-in-out), rotate var(--duration-300) var(--ease-in-out), translate var(--duration-300) var(--ease-in-out), skew var(--duration-300) var(--ease-in-out)}}@keyframes indeterminate{0%{scale:0 1}50%{transform-origin:0;scale:1}51%{transform-origin:100%;scale:1}to{transform-origin:100%;scale:0 1}}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes ping{75%,to{opacity:0;scale:2}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);translate:0 -25%}50%{animation-timing-function:cubic-bezier(0,0,.2,1);translate:0}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pie-masks{0%{opacity:1}50%,to{opacity:0}}@keyframes fade-out{95%{opacity:1}to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}@keyframes clippath{0%,to{clip-path:inset(0 0 95%)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0)}75%{clip-path:inset(0 0 0 95%)}}:where(:host,:root,.theme){--font-sans: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-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--text-smaller:smaller;--text-larger:larger;--text-6:.375rem;--text-8:.5rem;--text-10:.625rem;--text-12:.75rem;--text-14:.875rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--text-22:1.375rem;--text-24:1.5rem;--text-26:1.625rem;--text-28:1.75rem;--text-30:1.875rem;--text-32:2rem;--text-34:2.125rem;--text-36:2.25rem;--text-48:3rem;--text-60:3.75rem;--text-72:4.5rem;--text-96:6rem;--text-128:8rem;--text-xs:var(--text-10)}@media (width>=576px){:where(:host,:root,.theme){--text-xs:var(--text-12)}}@media (width>=1024px){:where(:host,:root,.theme){--text-xs:var(--text-14)}}:where(:host,:root,.theme){--text-sm:var(--text-12)}@media (width>=576px){:where(:host,:root,.theme){--text-sm:var(--text-14)}}@media (width>=1024px){:where(:host,:root,.theme){--text-sm:var(--text-16)}}:where(:host,:root,.theme){--text-md:var(--text-14)}@media (width>=576px){:where(:host,:root,.theme){--text-md:var(--text-16)}}@media (width>=1024px){:where(:host,:root,.theme){--text-md:var(--text-18)}}:where(:host,:root,.theme){--text-lg:var(--text-16)}@media (width>=576px){:where(:host,:root,.theme){--text-lg:var(--text-18)}}@media (width>=1024px){:where(:host,:root,.theme){--text-lg:var(--text-20)}}:where(:host,:root,.theme){--text-xl:var(--text-18)}@media (width>=576px){:where(:host,:root,.theme){--text-xl:var(--text-20)}}@media (width>=1024px){:where(:host,:root,.theme){--text-xl:var(--text-22)}}:where(:host,:root,.theme){accent-color:var(--color-brand);background:var(--color-surface);caret-color:var(--color-brand-graphic);color-scheme:var(--color-scheme);color:var(--color-word);scrollbar-color:var(--color-brand);font-family:var(--font-sans)}
package/dist/components/vv-attachment.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-attachment-position:relative;--vv-attachment-display:flex;--vv-attachment-align-items:center;--vv-attachment-gap:var(--spacing-8);--vv-attachment-max-width:17.5rem;--vv-attachment-padding:var(--spacing-8);--vv-attachment-border:var(--border) solid var(--color-surface-3);--vv-attachment-border-radius:var(--rounded-lg);--vv-attachment-background-color:var(--color-surface-1);--vv-attachment-color:var(--color-word-2);--vv-attachment-font-size:var(--text-12);--vv-attachment-line-height:var(--leading-snug);--vv-attachment-element-media-display:grid;--vv-attachment-element-media-flex-shrink:0;--vv-attachment-element-media-place-items:center;--vv-attachment-element-media-inline-size:var(--spacing-36);--vv-attachment-element-media-block-size:var(--spacing-36);--vv-attachment-element-media-overflow:hidden;--vv-attachment-element-media-border-radius:var(--rounded-md);--vv-attachment-element-media-background-color:var(--color-surface-2);--vv-attachment-element-media-color:var(--color-word-3);--vv-attachment-element-media-font-size:var(--text-16);--vv-attachment-element-picture-inline-size:100%;--vv-attachment-element-picture-block-size:100%;--vv-attachment-element-picture-object-fit:cover;--vv-attachment-element-content-display:flex;--vv-attachment-element-content-flex:1;--vv-attachment-element-content-flex-direction:column;--vv-attachment-element-content-min-width:0;--vv-attachment-element-title-overflow:hidden;--vv-attachment-element-title-color:var(--color-word-1);--vv-attachment-element-title-font-weight:var(--font-medium);--vv-attachment-element-title-text-overflow:ellipsis;--vv-attachment-element-title-white-space:nowrap;--vv-attachment-element-description-overflow:hidden;--vv-attachment-element-description-color:var(--color-word-4);--vv-attachment-element-description-font-variant-numeric:tabular-nums;--vv-attachment-element-description-text-overflow:ellipsis;--vv-attachment-element-description-white-space:nowrap;--vv-attachment-element-actions-display:flex;--vv-attachment-element-actions-flex-shrink:0;--vv-attachment-element-actions-align-items:center;--vv-attachment-element-actions-gap:var(--spacing-2);--vv-attachment-element-remove-position:absolute;--vv-attachment-element-remove-inset-block-start:0;--vv-attachment-element-remove-inset-inline-end:0;--vv-attachment-element-remove-display:grid;--vv-attachment-element-remove-place-items:center;--vv-attachment-element-remove-inline-size:var(--spacing-24);--vv-attachment-element-remove-block-size:var(--spacing-24);--vv-attachment-element-remove-border:var(--border) solid var(--color-surface-4);--vv-attachment-element-remove-border-radius:var(--rounded-full);--vv-attachment-element-remove-background-color:var(--color-surface);--vv-attachment-element-remove-box-shadow:var(--shadow-sm);--vv-attachment-element-remove-color:var(--color-word-2);--vv-attachment-element-remove-font-size:var(--text-12);--vv-attachment-element-remove-cursor:pointer;--vv-attachment-element-remove-state-hover-background-color:var(--color-surface-2);--vv-attachment-element-remove-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-attachment-element-remove-state-focus-visible-outline-offset:var(--spacing-2);--vv-attachment-modifier-image-flex-direction:column;--vv-attachment-modifier-image-align-items:stretch;--vv-attachment-modifier-image-gap:0;--vv-attachment-modifier-image-padding:0;--vv-attachment-modifier-image-element-media-inline-size:100%;--vv-attachment-modifier-image-element-media-block-size:auto;--vv-attachment-modifier-image-element-media-aspect-ratio:1.4;--vv-attachment-modifier-image-element-media-border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--vv-attachment-modifier-image-element-content-padding:var(--spacing-8);--vv-attachment-modifier-invalid-border-color:var(--color-danger);--vv-attachment-modifier-invalid-element-description-color:var(--color-danger-readable);--vv-attachment-modifier-loading-element-media-color:var(--color-word-2);--vv-attachment-modifier-loading-element-picture-opacity:var(--opacity-50)}:where(.vv-attachment){position:var(--vv-attachment-position);display:var(--vv-attachment-display);align-items:var(--vv-attachment-align-items);gap:var(--vv-attachment-gap);max-width:var(--vv-attachment-max-width);padding:var(--vv-attachment-padding);border:var(--vv-attachment-border);border-radius:var(--vv-attachment-border-radius);background-color:var(--vv-attachment-background-color);color:var(--vv-attachment-color);font-size:var(--vv-attachment-font-size);line-height:var(--vv-attachment-line-height)}:where(.vv-attachment__media){display:var(--vv-attachment-element-media-display);flex-shrink:var(--vv-attachment-element-media-flex-shrink);place-items:var(--vv-attachment-element-media-place-items);inline-size:var(--vv-attachment-element-media-inline-size);block-size:var(--vv-attachment-element-media-block-size);overflow:var(--vv-attachment-element-media-overflow);border-radius:var(--vv-attachment-element-media-border-radius);background-color:var(--vv-attachment-element-media-background-color);color:var(--vv-attachment-element-media-color);font-size:var(--vv-attachment-element-media-font-size)}:where(.vv-attachment__picture,.vv-attachment img){inline-size:var(--vv-attachment-element-picture-inline-size);block-size:var(--vv-attachment-element-picture-block-size);object-fit:var(--vv-attachment-element-picture-object-fit)}:where(.vv-attachment__content){display:var(--vv-attachment-element-content-display);flex:var(--vv-attachment-element-content-flex);flex-direction:var(--vv-attachment-element-content-flex-direction);min-width:var(--vv-attachment-element-content-min-width)}:where(.vv-attachment__title){overflow:var(--vv-attachment-element-title-overflow);color:var(--vv-attachment-element-title-color);font-weight:var(--vv-attachment-element-title-font-weight);text-overflow:var(--vv-attachment-element-title-text-overflow);white-space:var(--vv-attachment-element-title-white-space)}:where(.vv-attachment__description){overflow:var(--vv-attachment-element-description-overflow);color:var(--vv-attachment-element-description-color);font-variant-numeric:var(--vv-attachment-element-description-font-variant-numeric);text-overflow:var(--vv-attachment-element-description-text-overflow);white-space:var(--vv-attachment-element-description-white-space)}:where(.vv-attachment__actions){display:var(--vv-attachment-element-actions-display);flex-shrink:var(--vv-attachment-element-actions-flex-shrink);align-items:var(--vv-attachment-element-actions-align-items);gap:var(--vv-attachment-element-actions-gap)}:where(.vv-attachment__remove){position:var(--vv-attachment-element-remove-position);display:var(--vv-attachment-element-remove-display);place-items:var(--vv-attachment-element-remove-place-items);inline-size:var(--vv-attachment-element-remove-inline-size);block-size:var(--vv-attachment-element-remove-block-size);border:var(--vv-attachment-element-remove-border);border-radius:var(--vv-attachment-element-remove-border-radius);background-color:var(--vv-attachment-element-remove-background-color);box-shadow:var(--vv-attachment-element-remove-box-shadow);color:var(--vv-attachment-element-remove-color);font-size:var(--vv-attachment-element-remove-font-size);cursor:var(--vv-attachment-element-remove-cursor);translate:calc(50% * var(--direction,1)) -50%;inset-block-start:var(--vv-attachment-element-remove-inset-block-start);inset-inline-end:var(--vv-attachment-element-remove-inset-inline-end)}:where(.vv-attachment__remove--hover,.vv-attachment__remove.hover,.vv-attachment__remove:not([disabled]):hover){--vv-attachment-element-remove-background-color:var(--vv-attachment-element-remove-state-hover-background-color)}:where(.vv-attachment__remove--focus-visible,.vv-attachment__remove.focus-visible,.vv-attachment__remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-attachment-element-remove-state-focus-visible-outline);outline-offset:var(--vv-attachment-element-remove-state-focus-visible-outline-offset)}:where(.vv-attachment--image.vv-attachment){flex-direction:var(--vv-attachment-modifier-image-flex-direction);--vv-attachment-align-items:var(--vv-attachment-modifier-image-align-items);--vv-attachment-gap:var(--vv-attachment-modifier-image-gap);--vv-attachment-padding:var(--vv-attachment-modifier-image-padding)}:where(.vv-attachment--image .vv-attachment__media){inline-size:var(--vv-attachment-modifier-image-element-media-inline-size);block-size:var(--vv-attachment-modifier-image-element-media-block-size);aspect-ratio:var(--vv-attachment-modifier-image-element-media-aspect-ratio);border-radius:var(--vv-attachment-modifier-image-element-media-border-radius)}:where(.vv-attachment--image .vv-attachment__content){padding:var(--vv-attachment-modifier-image-element-content-padding)}:where(.vv-attachment--invalid.vv-attachment){border-color:var(--vv-attachment-modifier-invalid-border-color)}:where(.vv-attachment--invalid .vv-attachment__description){color:var(--vv-attachment-modifier-invalid-element-description-color)}:where(.vv-attachment--loading .vv-attachment__media){color:var(--vv-attachment-modifier-loading-element-media-color)}:where(.vv-attachment--loading .vv-attachment__picture,.vv-attachment--loading img){opacity:var(--vv-attachment-modifier-loading-element-picture-opacity)}
1
+ :where(:host,:root,.theme){--vv-attachment-position:relative;--vv-attachment-display:flex;--vv-attachment-align-items:center;--vv-attachment-gap:var(--spacing-8);--vv-attachment-max-width:17.5rem;--vv-attachment-padding:var(--spacing-8);--vv-attachment-border:var(--border) solid var(--color-surface-3);--vv-attachment-border-radius:var(--rounded-lg);--vv-attachment-background-color:var(--color-surface-1);--vv-attachment-color:var(--color-word-2);--vv-attachment-font-size:var(--text-12);--vv-attachment-line-height:var(--leading-snug);--vv-attachment-element-media-display:grid;--vv-attachment-element-media-flex-shrink:0;--vv-attachment-element-media-place-items:center;--vv-attachment-element-media-inline-size:var(--spacing-36);--vv-attachment-element-media-block-size:var(--spacing-36);--vv-attachment-element-media-overflow:hidden;--vv-attachment-element-media-border-radius:var(--rounded-md);--vv-attachment-element-media-background-color:var(--color-surface-2);--vv-attachment-element-media-color:var(--color-word-3);--vv-attachment-element-media-font-size:var(--text-16);--vv-attachment-element-picture-inline-size:100%;--vv-attachment-element-picture-block-size:100%;--vv-attachment-element-picture-object-fit:cover;--vv-attachment-element-content-display:flex;--vv-attachment-element-content-flex:1;--vv-attachment-element-content-flex-direction:column;--vv-attachment-element-content-min-width:0;--vv-attachment-element-title-overflow:hidden;--vv-attachment-element-title-color:var(--color-word-1);--vv-attachment-element-title-font-weight:var(--font-medium);--vv-attachment-element-title-text-overflow:ellipsis;--vv-attachment-element-title-white-space:nowrap;--vv-attachment-element-description-overflow:hidden;--vv-attachment-element-description-color:var(--color-word-4);--vv-attachment-element-description-font-variant-numeric:tabular-nums;--vv-attachment-element-description-text-overflow:ellipsis;--vv-attachment-element-description-white-space:nowrap;--vv-attachment-element-actions-display:flex;--vv-attachment-element-actions-flex-shrink:0;--vv-attachment-element-actions-align-items:center;--vv-attachment-element-actions-gap:var(--spacing-2);--vv-attachment-element-remove-position:absolute;--vv-attachment-element-remove-inset-block-start:0;--vv-attachment-element-remove-inset-inline-end:0;--vv-attachment-element-remove-display:grid;--vv-attachment-element-remove-place-items:center;--vv-attachment-element-remove-inline-size:var(--spacing-24);--vv-attachment-element-remove-block-size:var(--spacing-24);--vv-attachment-element-remove-border:var(--border) solid var(--color-surface-4);--vv-attachment-element-remove-border-radius:var(--rounded-full);--vv-attachment-element-remove-background-color:var(--color-surface);--vv-attachment-element-remove-box-shadow:var(--shadow-sm);--vv-attachment-element-remove-color:var(--color-word-2);--vv-attachment-element-remove-font-size:var(--text-12);--vv-attachment-element-remove-cursor:pointer;--vv-attachment-element-remove-state-hover-background-color:var(--color-surface-2);--vv-attachment-element-remove-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-attachment-element-remove-state-focus-visible-outline-offset:var(--spacing-2);--vv-attachment-modifier-image-flex-direction:column;--vv-attachment-modifier-image-align-items:stretch;--vv-attachment-modifier-image-gap:0;--vv-attachment-modifier-image-padding:0;--vv-attachment-modifier-image-element-media-inline-size:100%;--vv-attachment-modifier-image-element-media-block-size:auto;--vv-attachment-modifier-image-element-media-aspect-ratio:1.4;--vv-attachment-modifier-image-element-media-border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--vv-attachment-modifier-image-element-content-padding:var(--spacing-8);--vv-attachment-modifier-invalid-border-color:var(--color-danger);--vv-attachment-modifier-invalid-element-description-color:var(--color-danger-readable);--vv-attachment-modifier-loading-element-media-color:var(--color-word-2);--vv-attachment-modifier-loading-element-picture-opacity:var(--opacity-50)}:where(.vv-attachment){position:var(--vv-attachment-position);display:var(--vv-attachment-display);align-items:var(--vv-attachment-align-items);gap:var(--vv-attachment-gap);max-width:var(--vv-attachment-max-width);padding:var(--vv-attachment-padding);border:var(--vv-attachment-border);border-radius:var(--vv-attachment-border-radius);background-color:var(--vv-attachment-background-color);color:var(--vv-attachment-color);font-size:var(--vv-attachment-font-size);line-height:var(--vv-attachment-line-height)}:where(.vv-attachment__media){display:var(--vv-attachment-element-media-display);flex-shrink:var(--vv-attachment-element-media-flex-shrink);place-items:var(--vv-attachment-element-media-place-items);inline-size:var(--vv-attachment-element-media-inline-size);block-size:var(--vv-attachment-element-media-block-size);overflow:var(--vv-attachment-element-media-overflow);border-radius:var(--vv-attachment-element-media-border-radius);background-color:var(--vv-attachment-element-media-background-color);color:var(--vv-attachment-element-media-color);font-size:var(--vv-attachment-element-media-font-size)}:where(.vv-attachment__picture,.vv-attachment img){inline-size:var(--vv-attachment-element-picture-inline-size);block-size:var(--vv-attachment-element-picture-block-size);object-fit:var(--vv-attachment-element-picture-object-fit)}:where(.vv-attachment__content){display:var(--vv-attachment-element-content-display);flex:var(--vv-attachment-element-content-flex);flex-direction:var(--vv-attachment-element-content-flex-direction);min-width:var(--vv-attachment-element-content-min-width)}:where(.vv-attachment__title){overflow:var(--vv-attachment-element-title-overflow);color:var(--vv-attachment-element-title-color);font-weight:var(--vv-attachment-element-title-font-weight);text-overflow:var(--vv-attachment-element-title-text-overflow);white-space:var(--vv-attachment-element-title-white-space)}:where(.vv-attachment__description){overflow:var(--vv-attachment-element-description-overflow);color:var(--vv-attachment-element-description-color);font-variant-numeric:var(--vv-attachment-element-description-font-variant-numeric);text-overflow:var(--vv-attachment-element-description-text-overflow);white-space:var(--vv-attachment-element-description-white-space)}:where(.vv-attachment__actions){display:var(--vv-attachment-element-actions-display);flex-shrink:var(--vv-attachment-element-actions-flex-shrink);align-items:var(--vv-attachment-element-actions-align-items);gap:var(--vv-attachment-element-actions-gap)}:where(.vv-attachment__remove){position:var(--vv-attachment-element-remove-position);display:var(--vv-attachment-element-remove-display);place-items:var(--vv-attachment-element-remove-place-items);inline-size:var(--vv-attachment-element-remove-inline-size);block-size:var(--vv-attachment-element-remove-block-size);border:var(--vv-attachment-element-remove-border);border-radius:var(--vv-attachment-element-remove-border-radius);background-color:var(--vv-attachment-element-remove-background-color);box-shadow:var(--vv-attachment-element-remove-box-shadow);color:var(--vv-attachment-element-remove-color);font-size:var(--vv-attachment-element-remove-font-size);cursor:var(--vv-attachment-element-remove-cursor);translate:calc(50% * var(--direction,1)) -50%;inset-block-start:var(--vv-attachment-element-remove-inset-block-start);inset-inline-end:var(--vv-attachment-element-remove-inset-inline-end)}:where(.vv-attachment__remove--hover,.vv-attachment__remove.hover,.vv-attachment__remove:not([disabled]):hover){--vv-attachment-element-remove-background-color:var(--vv-attachment-element-remove-state-hover-background-color)}:where(.vv-attachment__remove--focus-visible,.vv-attachment__remove.focus-visible,.vv-attachment__remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-attachment-element-remove-state-focus-visible-outline);outline-offset:var(--vv-attachment-element-remove-state-focus-visible-outline-offset)}:where(.vv-attachment--image.vv-attachment){flex-direction:var(--vv-attachment-modifier-image-flex-direction);--vv-attachment-align-items:var(--vv-attachment-modifier-image-align-items);--vv-attachment-gap:var(--vv-attachment-modifier-image-gap);--vv-attachment-padding:var(--vv-attachment-modifier-image-padding)}:where(.vv-attachment--image .vv-attachment__media){inline-size:var(--vv-attachment-modifier-image-element-media-inline-size);block-size:var(--vv-attachment-modifier-image-element-media-block-size);aspect-ratio:var(--vv-attachment-modifier-image-element-media-aspect-ratio);border-radius:var(--vv-attachment-modifier-image-element-media-border-radius)}:where(.vv-attachment--image .vv-attachment__content){padding:var(--vv-attachment-modifier-image-element-content-padding)}:where(.vv-attachment--invalid.vv-attachment){border-color:var(--vv-attachment-modifier-invalid-border-color)}:where(.vv-attachment--invalid .vv-attachment__description){color:var(--vv-attachment-modifier-invalid-element-description-color)}:where(.vv-attachment--loading .vv-attachment__media){color:var(--vv-attachment-modifier-loading-element-media-color)}:where(.vv-attachment--loading .vv-attachment__picture,.vv-attachment--loading img){opacity:var(--vv-attachment-modifier-loading-element-picture-opacity)}
package/dist/components/vv-avatar.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-avatar-background-color:var(--color-brand);--vv-avatar-border-radius:var(--rounded);--vv-avatar-color:var(--color-brand-contrast);--vv-avatar-display:inline-flex;--vv-avatar-position:relative;--vv-avatar-justify-content:center;--vv-avatar-align-items:center;--vv-avatar-font-size:var(--text-12);--vv-avatar-line-height:var(--leading-none);--vv-avatar-width:var(--spacing-28);--vv-avatar-height:var(--spacing-28);--vv-avatar-background-position:center;--vv-avatar-background-size:contain;--vv-avatar-background-repeat:no-repeat;--vv-avatar-object-fit:contain;--vv-avatar-flex-shrink:0;--vv-avatar-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-avatar-state-focus-visible-outline-offset:var(--spacing-0);--vv-avatar-element-badge-position:absolute;--vv-avatar-element-badge-top:0;--vv-avatar-element-badge-right:0;--vv-avatar-element-badge-translate:50% -33.3%;--vv-avatar-element-badge-box-shadow:var(--shadow-sm);--vv-avatar-element-badge-bottom-position:absolute;--vv-avatar-element-badge-bottom-bottom:0;--vv-avatar-element-badge-bottom-right:0;--vv-avatar-element-badge-bottom-translate:50% 33.3%;--vv-avatar-element-badge-bottom-box-shadow:var(--shadow-sm);--vv-avatar-element-image-width:100%;--vv-avatar-element-image-height:100%;--vv-avatar-element-image-object-fit:inherit;--vv-avatar-element-image-border-radius:var(--rounded);--vv-avatar-element-image-overflow:hidden;--vv-avatar-modifier-rounded-border-radius:var(--rounded-full);--vv-avatar-modifier-rounded-element-image-border-radius:var(--rounded-full);--vv-avatar-modifier-square-border-radius:var(--rounded-none);--vv-avatar-modifier-square-element-image-border-radius:var(--rounded-none);--vv-avatar-modifier-bordered-border-color:var(--color-brand-lighten-3);--vv-avatar-modifier-bordered-border-width:var(--border);--vv-avatar-modifier-bordered-border-style:solid;--vv-avatar-modifier-md-font-size:var(--text-14);--vv-avatar-modifier-md-width:var(--spacing-34);--vv-avatar-modifier-md-height:var(--spacing-34);--vv-avatar-modifier-lg-font-size:var(--text-16);--vv-avatar-modifier-lg-width:var(--spacing-40);--vv-avatar-modifier-lg-height:var(--spacing-40);--vv-avatar-modifier-transparent-background-color:var(--color-transparent);--vv-avatar-modifier-transparent-color:var(--color-white);--vv-avatar-modifier-surface-background-color:var(--color-surface-2);--vv-avatar-modifier-surface-border-color:var(--color-surface-5);--vv-avatar-modifier-surface-color:var(--color-word-2);--vv-avatar-modifier-danger-background-color:var(--color-danger);--vv-avatar-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-avatar-modifier-danger-color:var(--color-danger-contrast);--vv-avatar-modifier-success-background-color:var(--color-success);--vv-avatar-modifier-success-border-color:var(--color-success-lighten-3);--vv-avatar-modifier-success-color:var(--color-success-contrast);--vv-avatar-modifier-warning-background-color:var(--color-warning-darken-5);--vv-avatar-modifier-warning-border-color:var(--color-warning-darken-2);--vv-avatar-modifier-warning-color:var(--color-warning-darken-5-contrast);--vv-avatar-modifier-info-background-color:var(--color-info-darken-5);--vv-avatar-modifier-info-border-color:var(--color-info-darken-2);--vv-avatar-modifier-info-color:var(--color-info-darken-5-contrast);--vv-avatar-modifier-accent-background-color:var(--color-accent);--vv-avatar-modifier-accent-border-color:var(--color-accent-darken-3);--vv-avatar-modifier-accent-color:var(--color-accent-contrast);--vv-avatar-modifier-gray-background-color:var(--color-gray-darken-1);--vv-avatar-modifier-gray-border-color:var(--color-gray-lighten-2);--vv-avatar-modifier-gray-color:var(--color-white);--vv-avatar-modifier-ring-color:var(--color-surface-brand-readable);--vv-avatar-modifier-ring-background-color:var(--color-surface-brand);--vv-avatar-modifier-ring-border-color:currentcolor;--vv-avatar-modifier-ring-border-width:var(--border);--vv-avatar-modifier-ring-border-style:solid;--vv-avatar-modifier-ring-modifier-surface-background-color:var(--color-surface);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-danger-background-color:var(--color-surface-danger);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-surface-danger-readable);--vv-avatar-modifier-ring-modifier-success-background-color:var(--color-surface-success);--vv-avatar-modifier-ring-modifier-success-color:var(--color-surface-success-readable);--vv-avatar-modifier-ring-modifier-warning-background-color:var(--color-surface-warning);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-surface-warning-readable);--vv-avatar-modifier-ring-modifier-info-background-color:var(--color-surface-info);--vv-avatar-modifier-ring-modifier-info-color:var(--color-surface-info-readable);--vv-avatar-modifier-ring-modifier-accent-background-color:var(--color-surface-accent);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-surface-accent-readable);--vv-avatar-modifier-ring-modifier-gray-background-color:var(--color-surface-4);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2)}:where(.vv-avatar){background-color:var(--vv-avatar-background-color);border-radius:var(--vv-avatar-border-radius);color:var(--vv-avatar-color);display:var(--vv-avatar-display);position:var(--vv-avatar-position);justify-content:var(--vv-avatar-justify-content);align-items:var(--vv-avatar-align-items);font-size:var(--vv-avatar-font-size);line-height:var(--vv-avatar-line-height);width:var(--vv-avatar-width);height:var(--vv-avatar-height);background-position:var(--vv-avatar-background-position);background-size:var(--vv-avatar-background-size);background-repeat:var(--vv-avatar-background-repeat);object-fit:var(--vv-avatar-object-fit);flex-shrink:var(--vv-avatar-flex-shrink)}:where(.vv-avatar__badge,.vv-avatar>sup){position:var(--vv-avatar-element-badge-position);top:var(--vv-avatar-element-badge-top);right:var(--vv-avatar-element-badge-right);translate:var(--vv-avatar-element-badge-translate);box-shadow:var(--vv-avatar-element-badge-box-shadow)}:where(.vv-avatar__badge-bottom,.vv-avatar>sub){position:var(--vv-avatar-element-badge-bottom-position);bottom:var(--vv-avatar-element-badge-bottom-bottom);right:var(--vv-avatar-element-badge-bottom-right);translate:var(--vv-avatar-element-badge-bottom-translate);box-shadow:var(--vv-avatar-element-badge-bottom-box-shadow)}:where(.vv-avatar__image,.vv-avatar>img){width:var(--vv-avatar-element-image-width);height:var(--vv-avatar-element-image-height);object-fit:var(--vv-avatar-element-image-object-fit);border-radius:var(--vv-avatar-element-image-border-radius);overflow:var(--vv-avatar-element-image-overflow)}:where(.vv-avatar--focus-visible,.vv-avatar.focus-visible,.vv-avatar:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-avatar-state-focus-visible-outline);outline-offset:var(--vv-avatar-state-focus-visible-outline-offset)}:where(.vv-avatar--rounded.vv-avatar){--vv-avatar-border-radius:var(--vv-avatar-modifier-rounded-border-radius)}:where(.vv-avatar--rounded>.vv-avatar__image,.vv-avatar--rounded>img){border-radius:var(--vv-avatar-modifier-rounded-element-image-border-radius)}:where(.vv-avatar--square.vv-avatar){--vv-avatar-border-radius:var(--vv-avatar-modifier-square-border-radius)}:where(.vv-avatar--square>.vv-avatar__image,.vv-avatar--square>img){border-radius:var(--vv-avatar-modifier-square-element-image-border-radius)}:where(.vv-avatar--bordered.vv-avatar){border-color:var(--vv-avatar-modifier-bordered-border-color);border-width:var(--vv-avatar-modifier-bordered-border-width);border-style:var(--vv-avatar-modifier-bordered-border-style)}:where(.vv-avatar--md.vv-avatar){--vv-avatar-font-size:var(--vv-avatar-modifier-md-font-size);--vv-avatar-width:var(--vv-avatar-modifier-md-width);--vv-avatar-height:var(--vv-avatar-modifier-md-height)}:where(.vv-avatar--lg.vv-avatar){--vv-avatar-font-size:var(--vv-avatar-modifier-lg-font-size);--vv-avatar-width:var(--vv-avatar-modifier-lg-width);--vv-avatar-height:var(--vv-avatar-modifier-lg-height)}:where(.vv-avatar--transparent.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-transparent-background-color);--vv-avatar-color:var(--vv-avatar-modifier-transparent-color)}:where(.vv-avatar--surface.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-surface-background-color);border-color:var(--vv-avatar-modifier-surface-border-color);--vv-avatar-color:var(--vv-avatar-modifier-surface-color)}:where(.vv-avatar--danger.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-danger-background-color);border-color:var(--vv-avatar-modifier-danger-border-color);--vv-avatar-color:var(--vv-avatar-modifier-danger-color)}:where(.vv-avatar--success.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-success-background-color);border-color:var(--vv-avatar-modifier-success-border-color);--vv-avatar-color:var(--vv-avatar-modifier-success-color)}:where(.vv-avatar--warning.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-warning-background-color);border-color:var(--vv-avatar-modifier-warning-border-color);--vv-avatar-color:var(--vv-avatar-modifier-warning-color)}:where(.vv-avatar--info.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-info-background-color);border-color:var(--vv-avatar-modifier-info-border-color);--vv-avatar-color:var(--vv-avatar-modifier-info-color)}:where(.vv-avatar--accent.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-accent-background-color);border-color:var(--vv-avatar-modifier-accent-border-color);--vv-avatar-color:var(--vv-avatar-modifier-accent-color)}:where(.vv-avatar--gray.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-gray-background-color);border-color:var(--vv-avatar-modifier-gray-border-color);--vv-avatar-color:var(--vv-avatar-modifier-gray-color)}:where(.vv-avatar--ring.vv-avatar){--vv-avatar-color:var(--vv-avatar-modifier-ring-color);--vv-avatar-background-color:var(--vv-avatar-modifier-ring-background-color);border-color:var(--vv-avatar-modifier-ring-border-color);border-width:var(--vv-avatar-modifier-ring-border-width);border-style:var(--vv-avatar-modifier-ring-border-style)}:where(.vv-avatar--ring.vv-avatar--surface.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-surface-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-surface-color)}:where(.vv-avatar--ring.vv-avatar--danger.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-danger-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-danger-color)}:where(.vv-avatar--ring.vv-avatar--success.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-success-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-success-color)}:where(.vv-avatar--ring.vv-avatar--warning.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-warning-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-warning-color)}:where(.vv-avatar--ring.vv-avatar--info.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-info-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-info-color)}:where(.vv-avatar--ring.vv-avatar--accent.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-accent-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-accent-color)}:where(.vv-avatar--ring.vv-avatar--gray.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-gray-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-gray-color)}
1
+ :where(:host,:root,.theme){--vv-avatar-background-color:var(--color-brand);--vv-avatar-border-radius:var(--rounded);--vv-avatar-color:var(--color-brand-contrast);--vv-avatar-display:inline-flex;--vv-avatar-position:relative;--vv-avatar-justify-content:center;--vv-avatar-align-items:center;--vv-avatar-font-size:var(--text-12);--vv-avatar-line-height:var(--leading-none);--vv-avatar-width:var(--spacing-28);--vv-avatar-height:var(--spacing-28);--vv-avatar-background-position:center;--vv-avatar-background-size:contain;--vv-avatar-background-repeat:no-repeat;--vv-avatar-object-fit:contain;--vv-avatar-flex-shrink:0;--vv-avatar-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-avatar-state-focus-visible-outline-offset:var(--spacing-2);--vv-avatar-element-badge-position:absolute;--vv-avatar-element-badge-top:0;--vv-avatar-element-badge-right:0;--vv-avatar-element-badge-translate:50% -33.3%;--vv-avatar-element-badge-box-shadow:var(--shadow-sm);--vv-avatar-element-badge-bottom-position:absolute;--vv-avatar-element-badge-bottom-bottom:0;--vv-avatar-element-badge-bottom-right:0;--vv-avatar-element-badge-bottom-translate:50% 33.3%;--vv-avatar-element-badge-bottom-box-shadow:var(--shadow-sm);--vv-avatar-element-image-width:100%;--vv-avatar-element-image-height:100%;--vv-avatar-element-image-object-fit:inherit;--vv-avatar-element-image-border-radius:var(--rounded);--vv-avatar-element-image-overflow:hidden;--vv-avatar-modifier-rounded-border-radius:var(--rounded-full);--vv-avatar-modifier-rounded-element-image-border-radius:var(--rounded-full);--vv-avatar-modifier-square-border-radius:var(--rounded-none);--vv-avatar-modifier-square-element-image-border-radius:var(--rounded-none);--vv-avatar-modifier-bordered-border-color:var(--color-brand-lighten-3);--vv-avatar-modifier-bordered-border-width:var(--border);--vv-avatar-modifier-bordered-border-style:solid;--vv-avatar-modifier-md-font-size:var(--text-14);--vv-avatar-modifier-md-width:var(--spacing-34);--vv-avatar-modifier-md-height:var(--spacing-34);--vv-avatar-modifier-lg-font-size:var(--text-16);--vv-avatar-modifier-lg-width:var(--spacing-40);--vv-avatar-modifier-lg-height:var(--spacing-40);--vv-avatar-modifier-transparent-background-color:var(--color-transparent);--vv-avatar-modifier-transparent-color:var(--color-white);--vv-avatar-modifier-surface-background-color:var(--color-surface-2);--vv-avatar-modifier-surface-border-color:var(--color-surface-5);--vv-avatar-modifier-surface-color:var(--color-word-2);--vv-avatar-modifier-danger-background-color:var(--color-danger);--vv-avatar-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-avatar-modifier-danger-color:var(--color-danger-contrast);--vv-avatar-modifier-success-background-color:var(--color-success);--vv-avatar-modifier-success-border-color:var(--color-success-lighten-3);--vv-avatar-modifier-success-color:var(--color-success-contrast);--vv-avatar-modifier-warning-background-color:var(--color-warning-darken-5);--vv-avatar-modifier-warning-border-color:var(--color-warning-darken-2);--vv-avatar-modifier-warning-color:var(--color-warning-darken-5-contrast);--vv-avatar-modifier-info-background-color:var(--color-info-darken-5);--vv-avatar-modifier-info-border-color:var(--color-info-darken-2);--vv-avatar-modifier-info-color:var(--color-info-darken-5-contrast);--vv-avatar-modifier-accent-background-color:var(--color-accent);--vv-avatar-modifier-accent-border-color:var(--color-accent-darken-3);--vv-avatar-modifier-accent-color:var(--color-accent-contrast);--vv-avatar-modifier-gray-background-color:var(--color-gray-darken-1);--vv-avatar-modifier-gray-border-color:var(--color-gray-lighten-2);--vv-avatar-modifier-gray-color:var(--color-white);--vv-avatar-modifier-ring-color:var(--color-surface-brand-readable);--vv-avatar-modifier-ring-background-color:var(--color-surface-brand);--vv-avatar-modifier-ring-border-color:currentcolor;--vv-avatar-modifier-ring-border-width:var(--border);--vv-avatar-modifier-ring-border-style:solid;--vv-avatar-modifier-ring-modifier-surface-background-color:var(--color-surface);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-danger-background-color:var(--color-surface-danger);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-surface-danger-readable);--vv-avatar-modifier-ring-modifier-success-background-color:var(--color-surface-success);--vv-avatar-modifier-ring-modifier-success-color:var(--color-surface-success-readable);--vv-avatar-modifier-ring-modifier-warning-background-color:var(--color-surface-warning);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-surface-warning-readable);--vv-avatar-modifier-ring-modifier-info-background-color:var(--color-surface-info);--vv-avatar-modifier-ring-modifier-info-color:var(--color-surface-info-readable);--vv-avatar-modifier-ring-modifier-accent-background-color:var(--color-surface-accent);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-surface-accent-readable);--vv-avatar-modifier-ring-modifier-gray-background-color:var(--color-surface-4);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2)}:where(.vv-avatar){background-color:var(--vv-avatar-background-color);border-radius:var(--vv-avatar-border-radius);color:var(--vv-avatar-color);display:var(--vv-avatar-display);position:var(--vv-avatar-position);justify-content:var(--vv-avatar-justify-content);align-items:var(--vv-avatar-align-items);font-size:var(--vv-avatar-font-size);line-height:var(--vv-avatar-line-height);width:var(--vv-avatar-width);height:var(--vv-avatar-height);background-position:var(--vv-avatar-background-position);background-size:var(--vv-avatar-background-size);background-repeat:var(--vv-avatar-background-repeat);object-fit:var(--vv-avatar-object-fit);flex-shrink:var(--vv-avatar-flex-shrink)}:where(.vv-avatar__badge,.vv-avatar>sup){position:var(--vv-avatar-element-badge-position);top:var(--vv-avatar-element-badge-top);right:var(--vv-avatar-element-badge-right);translate:var(--vv-avatar-element-badge-translate);box-shadow:var(--vv-avatar-element-badge-box-shadow)}:where(.vv-avatar__badge-bottom,.vv-avatar>sub){position:var(--vv-avatar-element-badge-bottom-position);bottom:var(--vv-avatar-element-badge-bottom-bottom);right:var(--vv-avatar-element-badge-bottom-right);translate:var(--vv-avatar-element-badge-bottom-translate);box-shadow:var(--vv-avatar-element-badge-bottom-box-shadow)}:where(.vv-avatar__image,.vv-avatar>img){width:var(--vv-avatar-element-image-width);height:var(--vv-avatar-element-image-height);object-fit:var(--vv-avatar-element-image-object-fit);border-radius:var(--vv-avatar-element-image-border-radius);overflow:var(--vv-avatar-element-image-overflow)}:where(.vv-avatar--focus-visible,.vv-avatar.focus-visible,.vv-avatar:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-avatar-state-focus-visible-outline);outline-offset:var(--vv-avatar-state-focus-visible-outline-offset)}:where(.vv-avatar--rounded.vv-avatar){--vv-avatar-border-radius:var(--vv-avatar-modifier-rounded-border-radius)}:where(.vv-avatar--rounded>.vv-avatar__image,.vv-avatar--rounded>img){border-radius:var(--vv-avatar-modifier-rounded-element-image-border-radius)}:where(.vv-avatar--square.vv-avatar){--vv-avatar-border-radius:var(--vv-avatar-modifier-square-border-radius)}:where(.vv-avatar--square>.vv-avatar__image,.vv-avatar--square>img){border-radius:var(--vv-avatar-modifier-square-element-image-border-radius)}:where(.vv-avatar--bordered.vv-avatar){border-color:var(--vv-avatar-modifier-bordered-border-color);border-width:var(--vv-avatar-modifier-bordered-border-width);border-style:var(--vv-avatar-modifier-bordered-border-style)}:where(.vv-avatar--md.vv-avatar){--vv-avatar-font-size:var(--vv-avatar-modifier-md-font-size);--vv-avatar-width:var(--vv-avatar-modifier-md-width);--vv-avatar-height:var(--vv-avatar-modifier-md-height)}:where(.vv-avatar--lg.vv-avatar){--vv-avatar-font-size:var(--vv-avatar-modifier-lg-font-size);--vv-avatar-width:var(--vv-avatar-modifier-lg-width);--vv-avatar-height:var(--vv-avatar-modifier-lg-height)}:where(.vv-avatar--transparent.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-transparent-background-color);--vv-avatar-color:var(--vv-avatar-modifier-transparent-color)}:where(.vv-avatar--surface.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-surface-background-color);border-color:var(--vv-avatar-modifier-surface-border-color);--vv-avatar-color:var(--vv-avatar-modifier-surface-color)}:where(.vv-avatar--danger.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-danger-background-color);border-color:var(--vv-avatar-modifier-danger-border-color);--vv-avatar-color:var(--vv-avatar-modifier-danger-color)}:where(.vv-avatar--success.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-success-background-color);border-color:var(--vv-avatar-modifier-success-border-color);--vv-avatar-color:var(--vv-avatar-modifier-success-color)}:where(.vv-avatar--warning.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-warning-background-color);border-color:var(--vv-avatar-modifier-warning-border-color);--vv-avatar-color:var(--vv-avatar-modifier-warning-color)}:where(.vv-avatar--info.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-info-background-color);border-color:var(--vv-avatar-modifier-info-border-color);--vv-avatar-color:var(--vv-avatar-modifier-info-color)}:where(.vv-avatar--accent.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-accent-background-color);border-color:var(--vv-avatar-modifier-accent-border-color);--vv-avatar-color:var(--vv-avatar-modifier-accent-color)}:where(.vv-avatar--gray.vv-avatar){--vv-avatar-background-color:var(--vv-avatar-modifier-gray-background-color);border-color:var(--vv-avatar-modifier-gray-border-color);--vv-avatar-color:var(--vv-avatar-modifier-gray-color)}:where(.vv-avatar--ring.vv-avatar){--vv-avatar-color:var(--vv-avatar-modifier-ring-color);--vv-avatar-background-color:var(--vv-avatar-modifier-ring-background-color);border-color:var(--vv-avatar-modifier-ring-border-color);border-width:var(--vv-avatar-modifier-ring-border-width);border-style:var(--vv-avatar-modifier-ring-border-style)}:where(.vv-avatar--ring.vv-avatar--surface.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-surface-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-surface-color)}:where(.vv-avatar--ring.vv-avatar--danger.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-danger-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-danger-color)}:where(.vv-avatar--ring.vv-avatar--success.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-success-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-success-color)}:where(.vv-avatar--ring.vv-avatar--warning.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-warning-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-warning-color)}:where(.vv-avatar--ring.vv-avatar--info.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-info-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-info-color)}:where(.vv-avatar--ring.vv-avatar--accent.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-accent-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-accent-color)}:where(.vv-avatar--ring.vv-avatar--gray.vv-avatar){--vv-avatar-modifier-ring-background-color:var(--vv-avatar-modifier-ring-modifier-gray-background-color);--vv-avatar-modifier-ring-color:var(--vv-avatar-modifier-ring-modifier-gray-color)}
package/dist/components/vv-badge.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-badge-border-width:0;--vv-badge-background-color:var(--color-brand);--vv-badge-border-color:var(--color-brand);--vv-badge-color:var(--color-brand-contrast);--vv-badge-border-style:solid;--vv-badge-border-radius:.5em;--vv-badge-min-height:2em;--vv-badge-min-width:2em;--vv-badge-padding:0 .5em;--vv-badge-display:inline-flex;--vv-badge-justify-content:center;--vv-badge-align-items:center;--vv-badge-gap:.5ch;--vv-badge-white-space:nowrap;--vv-badge-font-family:var(--font-sans);--vv-badge-font-weight:var(--font-normal);--vv-badge-text-shadow:none;--vv-badge-line-height:var(--leading-none);--vv-badge-overflow:hidden;--vv-badge-flex-shrink:0;--vv-badge-vertical-align:middle;--vv-badge-state-empty-font-size:inherit;--vv-badge-state-empty-min-width:0;--vv-badge-state-empty-min-height:0;--vv-badge-state-empty-padding:0;--vv-badge-state-focus-within-outline-offset:var(--spacing-4);--vv-badge-state-focus-within-outline:var(--spacing-px) solid currentcolor;--vv-badge-element-icon-aspect-ratio:1;--vv-badge-element-icon-inline-size:1lh;--vv-badge-element-icon-block-size:auto;--vv-badge-element-icon-flex-shrink:0;--vv-badge-element-icon-background-position:center;--vv-badge-element-icon-background-repeat:no-repeat;--vv-badge-element-icon-background-size:contain;--vv-badge-element-button-cursor:pointer;--vv-badge-element-button-display:inline-flex;--vv-badge-element-button-align-items:center;--vv-badge-element-button-justify-content:center;--vv-badge-element-button-padding:0 .5em;--vv-badge-element-button-margin:0 -.5em;--vv-badge-element-button-min-height:2em;--vv-badge-element-button-transition:var(--transition-colors);--vv-badge-element-button-state-hover-background-color:var(--color-alpha-3);--vv-badge-element-button-state-active-background-color:var(--color-alpha-5);--vv-badge-modifier-action-gap:.5ch;--vv-badge-modifier-rounded-border-radius:1em;--vv-badge-modifier-white-background-color:color-mix(in srgb, var(--color-white), transparent 20%);--vv-badge-modifier-white-color:var(--color-black);--vv-badge-modifier-black-background-color:color-mix(in srgb, var(--color-black), transparent 20%);--vv-badge-modifier-black-color:var(--color-white);--vv-badge-modifier-danger-background-color:var(--color-danger);--vv-badge-modifier-danger-color:var(--color-danger-contrast);--vv-badge-modifier-success-background-color:var(--color-success);--vv-badge-modifier-success-color:var(--color-success-contrast);--vv-badge-modifier-warning-background-color:var(--color-warning-darken-5);--vv-badge-modifier-warning-color:var(--color-warning-darken-5-contrast);--vv-badge-modifier-info-background-color:var(--color-info-darken-5);--vv-badge-modifier-info-color:var(--color-info-darken-5-contrast);--vv-badge-modifier-accent-background-color:var(--color-accent);--vv-badge-modifier-accent-color:var(--color-accent-contrast);--vv-badge-modifier-gray-background-color:var(--color-gray-darken-1);--vv-badge-modifier-gray-color:var(--color-white);--vv-badge-modifier-outline-border-width:var(--border);--vv-badge-modifier-outline-color:var(--color-brand-readable);--vv-badge-modifier-outline-border-color:currentcolor;--vv-badge-modifier-outline-background-color:transparent;--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-readable);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-readable);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-readable);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-readable);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-readable);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-background-color:transparent;--vv-badge-modifier-ghost-color:var(--color-brand-readable);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-readable);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-readable);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-readable);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-readable);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-readable);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}:where(.vv-badge){--badge-font-size:.7rem;font-size:var(--badge-font-size);border-width:var(--vv-badge-border-width);background-color:var(--vv-badge-background-color);border-color:var(--vv-badge-border-color);color:var(--vv-badge-color);border-style:var(--vv-badge-border-style);border-radius:var(--vv-badge-border-radius);min-height:var(--vv-badge-min-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);align-items:var(--vv-badge-align-items);gap:var(--vv-badge-gap);white-space:var(--vv-badge-white-space);font-family:var(--vv-badge-font-family);font-weight:var(--vv-badge-font-weight);text-shadow:var(--vv-badge-text-shadow);line-height:var(--vv-badge-line-height);overflow:var(--vv-badge-overflow);flex-shrink:var(--vv-badge-flex-shrink);vertical-align:var(--vv-badge-vertical-align)}:where(.vv-badge__icon,.vv-badge :where(svg:not(svg *),[data-icon])){aspect-ratio:var(--vv-badge-element-icon-aspect-ratio);inline-size:var(--vv-badge-element-icon-inline-size);block-size:var(--vv-badge-element-icon-block-size);flex-shrink:var(--vv-badge-element-icon-flex-shrink);background-position:var(--vv-badge-element-icon-background-position);background-repeat:var(--vv-badge-element-icon-background-repeat);background-size:var(--vv-badge-element-icon-background-size)}:where(.vv-badge__button,.vv-badge>button){cursor:var(--vv-badge-element-button-cursor);display:var(--vv-badge-element-button-display);align-items:var(--vv-badge-element-button-align-items);justify-content:var(--vv-badge-element-button-justify-content);padding:var(--vv-badge-element-button-padding);margin:var(--vv-badge-element-button-margin);min-height:var(--vv-badge-element-button-min-height);transition:var(--vv-badge-element-button-transition)}:where(.vv-badge__button--hover,.vv-badge__button.hover,.vv-badge>button.hover,.vv-badge__button:not([disabled]):hover,.vv-badge>button:not([disabled]):hover){background-color:var(--vv-badge-element-button-state-hover-background-color)}:where(.vv-badge__button--active,.vv-badge__button.active,.vv-badge>button.active,.vv-badge__button:not([disabled]):active,.vv-badge>button:not([disabled]):active){background-color:var(--vv-badge-element-button-state-active-background-color)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){font-size:var(--vv-badge-state-empty-font-size);--vv-badge-min-width:var(--vv-badge-state-empty-min-width);--vv-badge-min-height:var(--vv-badge-state-empty-min-height);width:var(--badge-font-size);height:var(--badge-font-size);border-radius:calc(var(--badge-font-size) * .5);--vv-badge-padding:var(--vv-badge-state-empty-padding)}:where(.vv-badge--focus-within,.vv-badge.focus-within,.vv-badge:not([disabled]):focus-within){outline-offset:var(--vv-badge-state-focus-within-outline-offset);outline:var(--vv-badge-state-focus-within-outline)}:where(.vv-badge--action.vv-badge){--vv-badge-gap:var(--vv-badge-modifier-action-gap)}:where(.vv-badge--sm.vv-badge){--badge-font-size:.6rem}:where(.vv-badge--rounded.vv-badge){--vv-badge-border-radius:var(--vv-badge-modifier-rounded-border-radius)}:where(.vv-badge--white.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-white-background-color);--vv-badge-color:var(--vv-badge-modifier-white-color)}:where(.vv-badge--black.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-black-background-color);--vv-badge-color:var(--vv-badge-modifier-black-color)}:where(.vv-badge--danger.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-danger-background-color);--vv-badge-color:var(--vv-badge-modifier-danger-color)}:where(.vv-badge--success.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-success-background-color);--vv-badge-color:var(--vv-badge-modifier-success-color)}:where(.vv-badge--warning.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-warning-background-color);--vv-badge-color:var(--vv-badge-modifier-warning-color)}:where(.vv-badge--info.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-info-background-color);--vv-badge-color:var(--vv-badge-modifier-info-color)}:where(.vv-badge--accent.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-accent-background-color);--vv-badge-color:var(--vv-badge-modifier-accent-color)}:where(.vv-badge--gray.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-gray-background-color);--vv-badge-color:var(--vv-badge-modifier-gray-color)}:where(.vv-badge--outline.vv-badge){--vv-badge-border-width:var(--vv-badge-modifier-outline-border-width);--vv-badge-color:var(--vv-badge-modifier-outline-color);--vv-badge-border-color:var(--vv-badge-modifier-outline-border-color);--vv-badge-background-color:var(--vv-badge-modifier-outline-background-color)}:where(.vv-badge--outline.vv-badge--danger.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-danger-color)}:where(.vv-badge--outline.vv-badge--success.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-success-color)}:where(.vv-badge--outline.vv-badge--warning.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-warning-color)}:where(.vv-badge--outline.vv-badge--info.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-info-color)}:where(.vv-badge--outline.vv-badge--accent.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-accent-color)}:where(.vv-badge--outline.vv-badge--gray.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-gray-color)}:where(.vv-badge--ghost.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-ghost-background-color);--vv-badge-color:var(--vv-badge-modifier-ghost-color)}:where(.vv-badge--ghost.vv-badge--danger.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-danger-color)}:where(.vv-badge--ghost.vv-badge--success.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-success-color)}:where(.vv-badge--ghost.vv-badge--warning.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-warning-color)}:where(.vv-badge--ghost.vv-badge--info.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-info-color)}:where(.vv-badge--ghost.vv-badge--accent.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-accent-color)}:where(.vv-badge--ghost.vv-badge--gray.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-gray-color)}
1
+ :where(:host,:root,.theme){--vv-badge-border-width:0;--vv-badge-background-color:var(--color-brand);--vv-badge-border-color:var(--color-brand);--vv-badge-color:var(--color-brand-contrast);--vv-badge-border-style:solid;--vv-badge-border-radius:.5em;--vv-badge-min-height:2em;--vv-badge-min-width:2em;--vv-badge-padding:0 .5em;--vv-badge-display:inline-flex;--vv-badge-justify-content:center;--vv-badge-align-items:center;--vv-badge-gap:.5ch;--vv-badge-white-space:nowrap;--vv-badge-font-family:var(--font-sans);--vv-badge-font-weight:var(--font-normal);--vv-badge-text-shadow:none;--vv-badge-line-height:var(--leading-none);--vv-badge-overflow:hidden;--vv-badge-flex-shrink:0;--vv-badge-vertical-align:middle;--vv-badge-state-empty-font-size:inherit;--vv-badge-state-empty-min-width:0;--vv-badge-state-empty-min-height:0;--vv-badge-state-empty-padding:0;--vv-badge-state-focus-within-outline-offset:var(--spacing-4);--vv-badge-state-focus-within-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-badge-element-icon-aspect-ratio:1;--vv-badge-element-icon-inline-size:1lh;--vv-badge-element-icon-block-size:auto;--vv-badge-element-icon-flex-shrink:0;--vv-badge-element-icon-background-position:center;--vv-badge-element-icon-background-repeat:no-repeat;--vv-badge-element-icon-background-size:contain;--vv-badge-element-button-cursor:pointer;--vv-badge-element-button-display:inline-flex;--vv-badge-element-button-align-items:center;--vv-badge-element-button-justify-content:center;--vv-badge-element-button-padding:0 .5em;--vv-badge-element-button-margin:0 -.5em;--vv-badge-element-button-min-height:2em;--vv-badge-element-button-transition:var(--transition-colors);--vv-badge-element-button-state-hover-background-color:var(--color-alpha-3);--vv-badge-element-button-state-active-background-color:var(--color-alpha-5);--vv-badge-modifier-action-gap:.5ch;--vv-badge-modifier-rounded-border-radius:1em;--vv-badge-modifier-white-background-color:color-mix(in srgb, var(--color-white), transparent 20%);--vv-badge-modifier-white-color:var(--color-black);--vv-badge-modifier-black-background-color:color-mix(in srgb, var(--color-black), transparent 20%);--vv-badge-modifier-black-color:var(--color-white);--vv-badge-modifier-danger-background-color:var(--color-danger);--vv-badge-modifier-danger-color:var(--color-danger-contrast);--vv-badge-modifier-danger-state-focus-within-outline-color:var(--color-danger-graphic);--vv-badge-modifier-success-background-color:var(--color-success);--vv-badge-modifier-success-color:var(--color-success-contrast);--vv-badge-modifier-success-state-focus-within-outline-color:var(--color-success-graphic);--vv-badge-modifier-warning-background-color:var(--color-warning-darken-5);--vv-badge-modifier-warning-color:var(--color-warning-darken-5-contrast);--vv-badge-modifier-warning-state-focus-within-outline-color:var(--color-warning-graphic);--vv-badge-modifier-info-background-color:var(--color-info-darken-5);--vv-badge-modifier-info-color:var(--color-info-darken-5-contrast);--vv-badge-modifier-info-state-focus-within-outline-color:var(--color-info-graphic);--vv-badge-modifier-accent-background-color:var(--color-accent);--vv-badge-modifier-accent-color:var(--color-accent-contrast);--vv-badge-modifier-accent-state-focus-within-outline-color:var(--color-accent-graphic);--vv-badge-modifier-gray-background-color:var(--color-gray-darken-1);--vv-badge-modifier-gray-color:var(--color-white);--vv-badge-modifier-outline-border-width:var(--border);--vv-badge-modifier-outline-color:var(--color-brand-readable);--vv-badge-modifier-outline-border-color:currentcolor;--vv-badge-modifier-outline-background-color:transparent;--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-readable);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-readable);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-readable);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-readable);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-readable);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-background-color:transparent;--vv-badge-modifier-ghost-color:var(--color-brand-readable);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-readable);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-readable);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-readable);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-readable);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-readable);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}:where(.vv-badge){--badge-font-size:.7rem;font-size:var(--badge-font-size);border-width:var(--vv-badge-border-width);background-color:var(--vv-badge-background-color);border-color:var(--vv-badge-border-color);color:var(--vv-badge-color);border-style:var(--vv-badge-border-style);border-radius:var(--vv-badge-border-radius);min-height:var(--vv-badge-min-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);align-items:var(--vv-badge-align-items);gap:var(--vv-badge-gap);white-space:var(--vv-badge-white-space);font-family:var(--vv-badge-font-family);font-weight:var(--vv-badge-font-weight);text-shadow:var(--vv-badge-text-shadow);line-height:var(--vv-badge-line-height);overflow:var(--vv-badge-overflow);flex-shrink:var(--vv-badge-flex-shrink);vertical-align:var(--vv-badge-vertical-align)}:where(.vv-badge__icon,.vv-badge :where(svg:not(svg *),[data-icon])){aspect-ratio:var(--vv-badge-element-icon-aspect-ratio);inline-size:var(--vv-badge-element-icon-inline-size);block-size:var(--vv-badge-element-icon-block-size);flex-shrink:var(--vv-badge-element-icon-flex-shrink);background-position:var(--vv-badge-element-icon-background-position);background-repeat:var(--vv-badge-element-icon-background-repeat);background-size:var(--vv-badge-element-icon-background-size)}:where(.vv-badge__button,.vv-badge>button){cursor:var(--vv-badge-element-button-cursor);display:var(--vv-badge-element-button-display);align-items:var(--vv-badge-element-button-align-items);justify-content:var(--vv-badge-element-button-justify-content);padding:var(--vv-badge-element-button-padding);margin:var(--vv-badge-element-button-margin);min-height:var(--vv-badge-element-button-min-height);transition:var(--vv-badge-element-button-transition)}:where(.vv-badge__button--hover,.vv-badge__button.hover,.vv-badge>button.hover,.vv-badge__button:not([disabled]):hover,.vv-badge>button:not([disabled]):hover){background-color:var(--vv-badge-element-button-state-hover-background-color)}:where(.vv-badge__button--active,.vv-badge__button.active,.vv-badge>button.active,.vv-badge__button:not([disabled]):active,.vv-badge>button:not([disabled]):active){background-color:var(--vv-badge-element-button-state-active-background-color)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){font-size:var(--vv-badge-state-empty-font-size);--vv-badge-min-width:var(--vv-badge-state-empty-min-width);--vv-badge-min-height:var(--vv-badge-state-empty-min-height);width:var(--badge-font-size);height:var(--badge-font-size);border-radius:calc(var(--badge-font-size) * .5);--vv-badge-padding:var(--vv-badge-state-empty-padding)}:where(.vv-badge--focus-within,.vv-badge.focus-within,.vv-badge:not([disabled]):focus-within){outline-offset:var(--vv-badge-state-focus-within-outline-offset);outline:var(--vv-badge-state-focus-within-outline)}:where(.vv-badge--action.vv-badge){--vv-badge-gap:var(--vv-badge-modifier-action-gap)}:where(.vv-badge--sm.vv-badge){--badge-font-size:.6rem}:where(.vv-badge--rounded.vv-badge){--vv-badge-border-radius:var(--vv-badge-modifier-rounded-border-radius)}:where(.vv-badge--white.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-white-background-color);--vv-badge-color:var(--vv-badge-modifier-white-color)}:where(.vv-badge--black.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-black-background-color);--vv-badge-color:var(--vv-badge-modifier-black-color)}:where(.vv-badge--danger.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-danger-background-color);--vv-badge-color:var(--vv-badge-modifier-danger-color)}:where(.vv-badge--danger.vv-badge--focus-within,.vv-badge--danger.vv-badge.focus-within,.vv-badge--danger.vv-badge:not([disabled]):focus-within){outline-color:var(--vv-badge-modifier-danger-state-focus-within-outline-color)}:where(.vv-badge--success.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-success-background-color);--vv-badge-color:var(--vv-badge-modifier-success-color)}:where(.vv-badge--success.vv-badge--focus-within,.vv-badge--success.vv-badge.focus-within,.vv-badge--success.vv-badge:not([disabled]):focus-within){outline-color:var(--vv-badge-modifier-success-state-focus-within-outline-color)}:where(.vv-badge--warning.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-warning-background-color);--vv-badge-color:var(--vv-badge-modifier-warning-color)}:where(.vv-badge--warning.vv-badge--focus-within,.vv-badge--warning.vv-badge.focus-within,.vv-badge--warning.vv-badge:not([disabled]):focus-within){outline-color:var(--vv-badge-modifier-warning-state-focus-within-outline-color)}:where(.vv-badge--info.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-info-background-color);--vv-badge-color:var(--vv-badge-modifier-info-color)}:where(.vv-badge--info.vv-badge--focus-within,.vv-badge--info.vv-badge.focus-within,.vv-badge--info.vv-badge:not([disabled]):focus-within){outline-color:var(--vv-badge-modifier-info-state-focus-within-outline-color)}:where(.vv-badge--accent.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-accent-background-color);--vv-badge-color:var(--vv-badge-modifier-accent-color)}:where(.vv-badge--accent.vv-badge--focus-within,.vv-badge--accent.vv-badge.focus-within,.vv-badge--accent.vv-badge:not([disabled]):focus-within){outline-color:var(--vv-badge-modifier-accent-state-focus-within-outline-color)}:where(.vv-badge--gray.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-gray-background-color);--vv-badge-color:var(--vv-badge-modifier-gray-color)}:where(.vv-badge--outline.vv-badge){--vv-badge-border-width:var(--vv-badge-modifier-outline-border-width);--vv-badge-color:var(--vv-badge-modifier-outline-color);--vv-badge-border-color:var(--vv-badge-modifier-outline-border-color);--vv-badge-background-color:var(--vv-badge-modifier-outline-background-color)}:where(.vv-badge--outline.vv-badge--danger.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-danger-color)}:where(.vv-badge--outline.vv-badge--success.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-success-color)}:where(.vv-badge--outline.vv-badge--warning.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-warning-color)}:where(.vv-badge--outline.vv-badge--info.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-info-color)}:where(.vv-badge--outline.vv-badge--accent.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-accent-color)}:where(.vv-badge--outline.vv-badge--gray.vv-badge){--vv-badge-modifier-outline-color:var(--vv-badge-modifier-outline-modifier-gray-color)}:where(.vv-badge--ghost.vv-badge){--vv-badge-background-color:var(--vv-badge-modifier-ghost-background-color);--vv-badge-color:var(--vv-badge-modifier-ghost-color)}:where(.vv-badge--ghost.vv-badge--danger.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-danger-color)}:where(.vv-badge--ghost.vv-badge--success.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-success-color)}:where(.vv-badge--ghost.vv-badge--warning.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-warning-color)}:where(.vv-badge--ghost.vv-badge--info.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-info-color)}:where(.vv-badge--ghost.vv-badge--accent.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-accent-color)}:where(.vv-badge--ghost.vv-badge--gray.vv-badge){--vv-badge-modifier-ghost-color:var(--vv-badge-modifier-ghost-modifier-gray-color)}
package/dist/components/vv-button.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-button-position:relative;--vv-button-background:var(--color-brand);--vv-button-border-radius:var(--rounded);--vv-button-border-style:solid;--vv-button-border-color:var(--color-brand);--vv-button-color:var(--color-brand-contrast);--vv-button-font-family:var(--font-sans);--vv-button-font-weight:var(--font-semibold);--vv-button-gap:1ch;--vv-button-padding-block:var(--spacing-7);--vv-button-padding-inline:var(--spacing-16);--vv-button-text-shadow:0 1px 0 var(--color-brand-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-transition:var(--transition-all);--vv-button-will-change:all;--vv-button-min-width:0;--vv-button-pointer-events:auto;--vv-button-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background:var(--color-brand-darken-1);--vv-button-state-hover-border-color:var(--color-brand-darken-1);--vv-button-state-hover-color:var(--color-brand-darken-1-contrast);--vv-button-state-hover-text-decoration:none;--vv-button-state-hover-text-shadow:0 1px 0 var(--color-brand-darken-1-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-active-background:var(--color-brand-darken-2);--vv-button-state-active-border-color:var(--color-brand-darken-2);--vv-button-state-active-color:var(--color-brand-darken-2-contrast);--vv-button-state-active-text-shadow:0 1px 0 var(--color-brand-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-pressed-background:var(--color-brand-darken-2);--vv-button-state-pressed-border-color:var(--color-brand-darken-2);--vv-button-state-pressed-color:var(--color-brand-darken-2-contrast);--vv-button-state-pressed-text-shadow:0 1px 0 var(--color-brand-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-disabled-opacity:var(--opacity-50);--vv-button-state-disabled-cursor:not-allowed;--vv-button-element-icon-block-size:1.1em;--vv-button-element-icon-inline-size:1.1em;--vv-button-element-icon-margin:0;--vv-button-element-icon-flex-shrink:0;--vv-button-element-icon-background-position:center;--vv-button-element-icon-background-repeat:no-repeat;--vv-button-element-icon-background-size:contain;--vv-button-element-label-white-space:nowrap;--vv-button-element-label-text-overflow:ellipsis;--vv-button-element-label-min-width:0;--vv-button-element-label-overflow:hidden;--vv-button-modifier-icon-only-element-icon-margin-inline:calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-color:var(--color-white);--vv-button-modifier-primary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-background:var(--color-surface);--vv-button-modifier-secondary-border-style:solid;--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-color:var(--color-word);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-danger-background:var(--color-danger);--vv-button-modifier-danger-border-color:var(--color-danger);--vv-button-modifier-danger-color:var(--color-danger-contrast);--vv-button-modifier-danger-text-shadow:0 1px 0 var(--color-danger-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-focus-visible-outline:var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-color:var(--color-danger-darken-1-contrast);--vv-button-modifier-danger-state-hover-text-shadow:0 1px 0 var(--color-danger-darken-1-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-active-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-color:var(--color-danger-darken-2-contrast);--vv-button-modifier-danger-state-active-text-shadow:0 1px 0 var(--color-danger-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-pressed-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-color:var(--color-danger-darken-2-contrast);--vv-button-modifier-danger-state-pressed-text-shadow:0 1px 0 var(--color-danger-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color:var(--color-word-2);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color:var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color:var(--color-word-2);--vv-button-modifier-link-background:transparent;--vv-button-modifier-link-border-width:var(--border-0);--vv-button-modifier-link-padding:0;--vv-button-modifier-link-color:var(--color-brand-readable);--vv-button-modifier-link-font-weight:inherit;--vv-button-modifier-link-text-shadow:none;--vv-button-modifier-link-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration:underline;--vv-button-modifier-link-state-hover-text-underline-offset:var(--spacing-4);--vv-button-modifier-link-state-active-color:var(--color-brand-readable-strong);--vv-button-modifier-link-element-icon-margin:var(--spacing-0);--vv-button-modifier-static-light-background:var(--color-white);--vv-button-modifier-static-light-border-color:var(--color-white);--vv-button-modifier-static-light-color:var(--color-black);--vv-button-modifier-static-light-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background:var(--color-black);--vv-button-modifier-static-dark-border-color:var(--color-black);--vv-button-modifier-static-dark-color:var(--color-white);--vv-button-modifier-static-dark-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background:var(--color-gray-darken-3);--vv-button-modifier-action-font-size:var(--text-14);--vv-button-modifier-action-background:var(--color-surface-1);--vv-button-modifier-action-color:var(--color-word-1);--vv-button-modifier-action-border-color:var(--color-word-5);--vv-button-modifier-action-font-weight:var(--font-normal);--vv-button-modifier-action-padding-inline:var(--spacing-6);--vv-button-modifier-action-padding-block:var(--spacing-4);--vv-button-modifier-action-text-shadow:none;--vv-button-modifier-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-state-active-background:var(--color-surface-5);--vv-button-modifier-action-state-active-color:var(--color-word);--vv-button-modifier-action-state-pressed-color:var(--color-white);--vv-button-modifier-action-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-element-icon-block-size:1lh;--vv-button-modifier-action-element-icon-inline-size:1lh;--vv-button-modifier-action-quiet-font-size:var(--text-14);--vv-button-modifier-action-quiet-background:transparent;--vv-button-modifier-action-quiet-color:var(--color-word-1);--vv-button-modifier-action-quiet-border-color:transparent;--vv-button-modifier-action-quiet-font-weight:var(--font-normal);--vv-button-modifier-action-quiet-padding-inline:var(--spacing-6);--vv-button-modifier-action-quiet-padding-block:var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow:none;--vv-button-modifier-action-quiet-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color:var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-color:var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color:var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-quiet-element-icon-block-size:1lh;--vv-button-modifier-action-quiet-element-icon-inline-size:1lh;--vv-button-modifier-rounded-border-radius:var(--rounded-full);--vv-button-modifier-block-width:100%;--vv-button-modifier-block-max-width:auto;--vv-button-modifier-reverse-element-label-order:-1;--vv-button-modifier-column-flex-direction:column;--vv-button-modifier-column-gap:var(--spacing-2);--vv-button-modifier-full-bleed-min-width:20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;--button-border-width:var(--border-2);--button-line-height:var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);justify-content:center;align-items:center;gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width);pointer-events:var(--vv-button-pointer-events);display:inline-flex}:where(.vv-button__icon,.vv-button>:where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);background-position:var(--vv-button-element-icon-background-position);background-repeat:var(--vv-button-element-icon-background-repeat);background-size:var(--vv-button-element-icon-background-size);min-height:1lh}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background:var(--vv-button-state-hover-background);--vv-button-border-color:var(--vv-button-state-hover-border-color);--vv-button-color:var(--vv-button-state-hover-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration);--vv-button-text-shadow:var(--vv-button-state-hover-text-shadow)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background:var(--vv-button-state-active-background);--vv-button-border-color:var(--vv-button-state-active-border-color);--vv-button-color:var(--vv-button-state-active-color);--vv-button-text-shadow:var(--vv-button-state-active-text-shadow)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background:var(--vv-button-state-pressed-background);--vv-button-border-color:var(--vv-button-state-pressed-border-color);--vv-button-color:var(--vv-button-state-pressed-color);--vv-button-text-shadow:var(--vv-button-state-pressed-text-shadow)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background:var(--vv-button-modifier-primary-background);--vv-button-border-color:var(--vv-button-modifier-primary-border-color);--vv-button-color:var(--vv-button-modifier-primary-color);--vv-button-text-shadow:var(--vv-button-modifier-primary-text-shadow)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background:var(--vv-button-modifier-secondary-background);--vv-button-border-style:var(--vv-button-modifier-secondary-border-style);--vv-button-border-color:var(--vv-button-modifier-secondary-border-color);--vv-button-color:var(--vv-button-modifier-secondary-color);--vv-button-text-shadow:var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background:var(--vv-button-modifier-danger-background);--vv-button-border-color:var(--vv-button-modifier-danger-border-color);--vv-button-color:var(--vv-button-modifier-danger-color);--vv-button-text-shadow:var(--vv-button-modifier-danger-text-shadow)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-hover-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-hover-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-hover-text-shadow)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-active-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-active-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-active-text-shadow)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-pressed-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-pressed-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-pressed-text-shadow)}:where(.vv-button--ghost.vv-button){--vv-button-background:var(--vv-button-modifier-ghost-background);--vv-button-border-color:var(--vv-button-modifier-ghost-border-color);--vv-button-color:var(--vv-button-modifier-ghost-color);--vv-button-text-shadow:var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-hover-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-hover-color)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-active-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background:var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color:var(--vv-button-modifier-link-color);--vv-button-font-weight:var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow:var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color:var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background:var(--vv-button-modifier-static-light-background);--vv-button-border-color:var(--vv-button-modifier-static-light-border-color);--vv-button-color:var(--vv-button-modifier-static-light-color);--vv-button-text-shadow:var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background:var(--vv-button-modifier-static-dark-background);--vv-button-border-color:var(--vv-button-modifier-static-dark-border-color);--vv-button-color:var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow:var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background:var(--vv-button-modifier-action-background);--vv-button-color:var(--vv-button-modifier-action-color);--vv-button-border-color:var(--vv-button-modifier-action-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-active-background);--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color:var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background:var(--vv-button-modifier-action-quiet-background);--vv-button-color:var(--vv-button-modifier-action-quiet-color);--vv-button-border-color:var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-active-border-color);--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius:var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap:var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width:var(--vv-button-modifier-full-bleed-min-width)}
1
+ :where(:host,:root,.theme){--vv-button-position:relative;--vv-button-background:var(--color-brand);--vv-button-border-radius:var(--rounded);--vv-button-border-style:solid;--vv-button-border-color:var(--color-brand);--vv-button-color:var(--color-brand-contrast);--vv-button-font-family:var(--font-sans);--vv-button-font-weight:var(--font-semibold);--vv-button-gap:1ch;--vv-button-padding-block:var(--spacing-7);--vv-button-padding-inline:var(--spacing-16);--vv-button-text-shadow:0 1px 0 var(--color-brand-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-transition:var(--transition-all);--vv-button-will-change:all;--vv-button-min-width:0;--vv-button-pointer-events:auto;--vv-button-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-button-state-hover-background:var(--color-brand-darken-1);--vv-button-state-hover-border-color:var(--color-brand-darken-1);--vv-button-state-hover-color:var(--color-brand-darken-1-contrast);--vv-button-state-hover-text-decoration:none;--vv-button-state-hover-text-shadow:0 1px 0 var(--color-brand-darken-1-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-active-background:var(--color-brand-darken-2);--vv-button-state-active-border-color:var(--color-brand-darken-2);--vv-button-state-active-color:var(--color-brand-darken-2-contrast);--vv-button-state-active-text-shadow:0 1px 0 var(--color-brand-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-pressed-background:var(--color-brand-darken-2);--vv-button-state-pressed-border-color:var(--color-brand-darken-2);--vv-button-state-pressed-color:var(--color-brand-darken-2-contrast);--vv-button-state-pressed-text-shadow:0 1px 0 var(--color-brand-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-disabled-opacity:var(--opacity-50);--vv-button-state-disabled-cursor:not-allowed;--vv-button-element-icon-block-size:1.1em;--vv-button-element-icon-inline-size:1.1em;--vv-button-element-icon-margin:0;--vv-button-element-icon-flex-shrink:0;--vv-button-element-icon-background-position:center;--vv-button-element-icon-background-repeat:no-repeat;--vv-button-element-icon-background-size:contain;--vv-button-element-label-white-space:nowrap;--vv-button-element-label-text-overflow:ellipsis;--vv-button-element-label-min-width:0;--vv-button-element-label-overflow:hidden;--vv-button-modifier-icon-only-element-icon-margin-inline:calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-color:var(--color-white);--vv-button-modifier-primary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-background:var(--color-surface);--vv-button-modifier-secondary-border-style:solid;--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-color:var(--color-word);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-danger-background:var(--color-danger);--vv-button-modifier-danger-border-color:var(--color-danger);--vv-button-modifier-danger-color:var(--color-danger-contrast);--vv-button-modifier-danger-text-shadow:0 1px 0 var(--color-danger-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-focus-visible-outline:var(--spacing-px) solid var(--color-danger-graphic);--vv-button-modifier-danger-state-hover-background:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-color:var(--color-danger-darken-1-contrast);--vv-button-modifier-danger-state-hover-text-shadow:0 1px 0 var(--color-danger-darken-1-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-active-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-color:var(--color-danger-darken-2-contrast);--vv-button-modifier-danger-state-active-text-shadow:0 1px 0 var(--color-danger-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-pressed-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-color:var(--color-danger-darken-2-contrast);--vv-button-modifier-danger-state-pressed-text-shadow:0 1px 0 var(--color-danger-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color:var(--color-word-2);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color:var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color:var(--color-word-2);--vv-button-modifier-link-background:transparent;--vv-button-modifier-link-border-width:var(--border-0);--vv-button-modifier-link-padding:0;--vv-button-modifier-link-color:var(--color-brand-readable);--vv-button-modifier-link-font-weight:inherit;--vv-button-modifier-link-text-shadow:none;--vv-button-modifier-link-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-button-modifier-link-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration:underline;--vv-button-modifier-link-state-hover-text-underline-offset:var(--spacing-4);--vv-button-modifier-link-state-active-color:var(--color-brand-readable-strong);--vv-button-modifier-link-element-icon-margin:var(--spacing-0);--vv-button-modifier-static-light-background:var(--color-white);--vv-button-modifier-static-light-border-color:var(--color-white);--vv-button-modifier-static-light-color:var(--color-black);--vv-button-modifier-static-light-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background:var(--color-black);--vv-button-modifier-static-dark-border-color:var(--color-black);--vv-button-modifier-static-dark-color:var(--color-white);--vv-button-modifier-static-dark-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background:var(--color-gray-darken-3);--vv-button-modifier-action-font-size:var(--text-14);--vv-button-modifier-action-background:var(--color-surface-1);--vv-button-modifier-action-color:var(--color-word-1);--vv-button-modifier-action-border-color:var(--color-word-5);--vv-button-modifier-action-font-weight:var(--font-normal);--vv-button-modifier-action-padding-inline:var(--spacing-6);--vv-button-modifier-action-padding-block:var(--spacing-4);--vv-button-modifier-action-text-shadow:none;--vv-button-modifier-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-action-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-state-active-background:var(--color-surface-5);--vv-button-modifier-action-state-active-color:var(--color-word);--vv-button-modifier-action-state-pressed-color:var(--color-white);--vv-button-modifier-action-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-element-icon-block-size:1lh;--vv-button-modifier-action-element-icon-inline-size:1lh;--vv-button-modifier-action-quiet-font-size:var(--text-14);--vv-button-modifier-action-quiet-background:transparent;--vv-button-modifier-action-quiet-color:var(--color-word-1);--vv-button-modifier-action-quiet-border-color:transparent;--vv-button-modifier-action-quiet-font-weight:var(--font-normal);--vv-button-modifier-action-quiet-padding-inline:var(--spacing-6);--vv-button-modifier-action-quiet-padding-block:var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow:none;--vv-button-modifier-action-quiet-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color:var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-color:var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color:var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-quiet-element-icon-block-size:1lh;--vv-button-modifier-action-quiet-element-icon-inline-size:1lh;--vv-button-modifier-rounded-border-radius:var(--rounded-full);--vv-button-modifier-block-width:100%;--vv-button-modifier-block-max-width:auto;--vv-button-modifier-reverse-element-label-order:-1;--vv-button-modifier-column-flex-direction:column;--vv-button-modifier-column-gap:var(--spacing-2);--vv-button-modifier-full-bleed-min-width:20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;--button-border-width:var(--border-2);--button-line-height:var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);justify-content:center;align-items:center;gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width);pointer-events:var(--vv-button-pointer-events);display:inline-flex}:where(.vv-button__icon,.vv-button>:where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);background-position:var(--vv-button-element-icon-background-position);background-repeat:var(--vv-button-element-icon-background-repeat);background-size:var(--vv-button-element-icon-background-size);min-height:1lh}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background:var(--vv-button-state-hover-background);--vv-button-border-color:var(--vv-button-state-hover-border-color);--vv-button-color:var(--vv-button-state-hover-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration);--vv-button-text-shadow:var(--vv-button-state-hover-text-shadow)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background:var(--vv-button-state-active-background);--vv-button-border-color:var(--vv-button-state-active-border-color);--vv-button-color:var(--vv-button-state-active-color);--vv-button-text-shadow:var(--vv-button-state-active-text-shadow)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background:var(--vv-button-state-pressed-background);--vv-button-border-color:var(--vv-button-state-pressed-border-color);--vv-button-color:var(--vv-button-state-pressed-color);--vv-button-text-shadow:var(--vv-button-state-pressed-text-shadow)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background:var(--vv-button-modifier-primary-background);--vv-button-border-color:var(--vv-button-modifier-primary-border-color);--vv-button-color:var(--vv-button-modifier-primary-color);--vv-button-text-shadow:var(--vv-button-modifier-primary-text-shadow)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background:var(--vv-button-modifier-secondary-background);--vv-button-border-style:var(--vv-button-modifier-secondary-border-style);--vv-button-border-color:var(--vv-button-modifier-secondary-border-color);--vv-button-color:var(--vv-button-modifier-secondary-color);--vv-button-text-shadow:var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background:var(--vv-button-modifier-danger-background);--vv-button-border-color:var(--vv-button-modifier-danger-border-color);--vv-button-color:var(--vv-button-modifier-danger-color);--vv-button-text-shadow:var(--vv-button-modifier-danger-text-shadow)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-hover-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-hover-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-hover-text-shadow)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-active-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-active-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-active-text-shadow)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-pressed-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-pressed-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-pressed-text-shadow)}:where(.vv-button--ghost.vv-button){--vv-button-background:var(--vv-button-modifier-ghost-background);--vv-button-border-color:var(--vv-button-modifier-ghost-border-color);--vv-button-color:var(--vv-button-modifier-ghost-color);--vv-button-text-shadow:var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-hover-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-hover-color)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-active-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background:var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color:var(--vv-button-modifier-link-color);--vv-button-font-weight:var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow:var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color:var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background:var(--vv-button-modifier-static-light-background);--vv-button-border-color:var(--vv-button-modifier-static-light-border-color);--vv-button-color:var(--vv-button-modifier-static-light-color);--vv-button-text-shadow:var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background:var(--vv-button-modifier-static-dark-background);--vv-button-border-color:var(--vv-button-modifier-static-dark-border-color);--vv-button-color:var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow:var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background:var(--vv-button-modifier-action-background);--vv-button-color:var(--vv-button-modifier-action-color);--vv-button-border-color:var(--vv-button-modifier-action-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-active-background);--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color:var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background:var(--vv-button-modifier-action-quiet-background);--vv-button-color:var(--vv-button-modifier-action-quiet-color);--vv-button-border-color:var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-active-border-color);--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius:var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap:var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width:var(--vv-button-modifier-full-bleed-min-width)}
package/dist/components/vv-calendar.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-calendar-display:inline-flex;--vv-calendar-flex-direction:column;--vv-calendar-gap:var(--spacing-8);--vv-calendar-color:var(--color-word-2);--vv-calendar-font-size:var(--text-14);--vv-calendar-element-header-display:flex;--vv-calendar-element-header-align-items:center;--vv-calendar-element-header-justify-content:space-between;--vv-calendar-element-header-gap:var(--spacing-8);--vv-calendar-element-title-color:var(--color-word-1);--vv-calendar-element-title-font-weight:var(--font-semibold);--vv-calendar-element-nav-display:inline-grid;--vv-calendar-element-nav-place-items:center;--vv-calendar-element-nav-inline-size:2em;--vv-calendar-element-nav-block-size:2em;--vv-calendar-element-nav-border-radius:var(--rounded);--vv-calendar-element-nav-color:var(--color-word-3);--vv-calendar-element-nav-cursor:pointer;--vv-calendar-element-nav-state-hover-background-color:var(--color-surface-2);--vv-calendar-element-nav-state-hover-color:var(--color-word);--vv-calendar-element-nav-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-calendar-element-nav-state-focus-visible-outline-offset:var(--spacing-2);--vv-calendar-element-grid-border-collapse:collapse;--vv-calendar-element-weekday-padding-block-end:var(--spacing-4);--vv-calendar-element-weekday-color:var(--color-word-4);--vv-calendar-element-weekday-font-size:var(--text-12);--vv-calendar-element-weekday-font-weight:var(--font-normal);--vv-calendar-element-weekday-text-align:center;--vv-calendar-element-cell-padding:var(--spacing-1) 0;--vv-calendar-element-cell-text-align:center;--vv-calendar-element-cell-state-selected-background-color:var(--color-surface-2);--vv-calendar-element-day-display:inline-grid;--vv-calendar-element-day-place-items:center;--vv-calendar-element-day-inline-size:2.25em;--vv-calendar-element-day-block-size:2.25em;--vv-calendar-element-day-border-radius:var(--rounded-full);--vv-calendar-element-day-font-variant-numeric:tabular-nums;--vv-calendar-element-day-cursor:pointer;--vv-calendar-element-day-state-hover-background-color:var(--color-surface-3);--vv-calendar-element-day-state-current-date-font-weight:var(--font-semibold);--vv-calendar-element-day-state-current-date-box-shadow:inset 0 0 0 var(--spacing-px) var(--color-word-4);--vv-calendar-element-day-state-pressed-background-color:var(--color-word);--vv-calendar-element-day-state-pressed-color:var(--color-surface);--vv-calendar-element-day-state-pressed-font-weight:var(--font-semibold);--vv-calendar-element-day-state-disabled-opacity:var(--opacity-30);--vv-calendar-element-day-state-disabled-cursor:not-allowed}:where(.vv-calendar){display:var(--vv-calendar-display);flex-direction:var(--vv-calendar-flex-direction);gap:var(--vv-calendar-gap);color:var(--vv-calendar-color);font-size:var(--vv-calendar-font-size)}:where(.vv-calendar__header){display:var(--vv-calendar-element-header-display);align-items:var(--vv-calendar-element-header-align-items);justify-content:var(--vv-calendar-element-header-justify-content);gap:var(--vv-calendar-element-header-gap)}:where(.vv-calendar__title){color:var(--vv-calendar-element-title-color);font-weight:var(--vv-calendar-element-title-font-weight)}:where(.vv-calendar__nav){display:var(--vv-calendar-element-nav-display);place-items:var(--vv-calendar-element-nav-place-items);inline-size:var(--vv-calendar-element-nav-inline-size);block-size:var(--vv-calendar-element-nav-block-size);border-radius:var(--vv-calendar-element-nav-border-radius);color:var(--vv-calendar-element-nav-color);cursor:var(--vv-calendar-element-nav-cursor)}:where(.vv-calendar__nav--hover,.vv-calendar__nav.hover,.vv-calendar__nav:not([disabled]):hover){background-color:var(--vv-calendar-element-nav-state-hover-background-color);--vv-calendar-element-nav-color:var(--vv-calendar-element-nav-state-hover-color)}:where(.vv-calendar__nav--focus-visible,.vv-calendar__nav.focus-visible,.vv-calendar__nav:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-calendar-element-nav-state-focus-visible-outline);outline-offset:var(--vv-calendar-element-nav-state-focus-visible-outline-offset)}:where(.vv-calendar__grid,.vv-calendar table){border-collapse:var(--vv-calendar-element-grid-border-collapse)}:where(.vv-calendar__weekday,.vv-calendar th){color:var(--vv-calendar-element-weekday-color);font-size:var(--vv-calendar-element-weekday-font-size);font-weight:var(--vv-calendar-element-weekday-font-weight);text-align:var(--vv-calendar-element-weekday-text-align);padding-block-end:var(--vv-calendar-element-weekday-padding-block-end)}:where(.vv-calendar__cell,.vv-calendar td){padding:var(--vv-calendar-element-cell-padding);text-align:var(--vv-calendar-element-cell-text-align)}:where(.vv-calendar__cell--selected,.vv-calendar__cell.selected,.vv-calendar td.selected,.vv-calendar__cell[aria-selected=true],.vv-calendar td[aria-selected=true]){background-color:var(--vv-calendar-element-cell-state-selected-background-color)}:where(.vv-calendar__day){display:var(--vv-calendar-element-day-display);place-items:var(--vv-calendar-element-day-place-items);inline-size:var(--vv-calendar-element-day-inline-size);block-size:var(--vv-calendar-element-day-block-size);border-radius:var(--vv-calendar-element-day-border-radius);font-variant-numeric:var(--vv-calendar-element-day-font-variant-numeric);cursor:var(--vv-calendar-element-day-cursor)}:where(.vv-calendar__day--hover,.vv-calendar__day.hover,.vv-calendar__day:not([disabled]):hover){background-color:var(--vv-calendar-element-day-state-hover-background-color)}:where(.vv-calendar__day--current-date,.vv-calendar__day.current-date,.vv-calendar__day[aria-current=date]){font-weight:var(--vv-calendar-element-day-state-current-date-font-weight);box-shadow:var(--vv-calendar-element-day-state-current-date-box-shadow)}:where(.vv-calendar__day--pressed,.vv-calendar__day.pressed,.vv-calendar__day[aria-pressed=true]){background-color:var(--vv-calendar-element-day-state-pressed-background-color);color:var(--vv-calendar-element-day-state-pressed-color);font-weight:var(--vv-calendar-element-day-state-pressed-font-weight)}:where(.vv-calendar__day--disabled,.vv-calendar__day.disabled,.vv-calendar__day[disabled],.vv-calendar__day[aria-disabled=true]){opacity:var(--vv-calendar-element-day-state-disabled-opacity);--vv-calendar-element-day-cursor:var(--vv-calendar-element-day-state-disabled-cursor)}:where(.vv-calendar__day:focus-visible){outline:var(--spacing-px) solid var(--color-brand);outline-offset:var(--spacing-2)}
1
+ :where(:host,:root,.theme){--vv-calendar-display:inline-flex;--vv-calendar-flex-direction:column;--vv-calendar-gap:var(--spacing-8);--vv-calendar-color:var(--color-word-2);--vv-calendar-font-size:var(--text-14);--vv-calendar-element-header-display:flex;--vv-calendar-element-header-align-items:center;--vv-calendar-element-header-justify-content:space-between;--vv-calendar-element-header-gap:var(--spacing-8);--vv-calendar-element-title-color:var(--color-word-1);--vv-calendar-element-title-font-weight:var(--font-semibold);--vv-calendar-element-nav-display:inline-grid;--vv-calendar-element-nav-place-items:center;--vv-calendar-element-nav-inline-size:2em;--vv-calendar-element-nav-block-size:2em;--vv-calendar-element-nav-border-radius:var(--rounded);--vv-calendar-element-nav-color:var(--color-word-3);--vv-calendar-element-nav-cursor:pointer;--vv-calendar-element-nav-state-hover-background-color:var(--color-surface-2);--vv-calendar-element-nav-state-hover-color:var(--color-word);--vv-calendar-element-nav-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-calendar-element-nav-state-focus-visible-outline-offset:var(--spacing-2);--vv-calendar-element-grid-border-collapse:collapse;--vv-calendar-element-weekday-padding-block-end:var(--spacing-4);--vv-calendar-element-weekday-color:var(--color-word-4);--vv-calendar-element-weekday-font-size:var(--text-12);--vv-calendar-element-weekday-font-weight:var(--font-normal);--vv-calendar-element-weekday-text-align:center;--vv-calendar-element-cell-padding:var(--spacing-1) 0;--vv-calendar-element-cell-text-align:center;--vv-calendar-element-cell-state-selected-background-color:var(--color-surface-2);--vv-calendar-element-day-display:inline-grid;--vv-calendar-element-day-place-items:center;--vv-calendar-element-day-inline-size:2.25em;--vv-calendar-element-day-block-size:2.25em;--vv-calendar-element-day-border-radius:var(--rounded-full);--vv-calendar-element-day-font-variant-numeric:tabular-nums;--vv-calendar-element-day-cursor:pointer;--vv-calendar-element-day-state-hover-background-color:var(--color-surface-3);--vv-calendar-element-day-state-current-date-font-weight:var(--font-semibold);--vv-calendar-element-day-state-current-date-box-shadow:inset 0 0 0 var(--spacing-px) var(--color-word-4);--vv-calendar-element-day-state-pressed-background-color:var(--color-word);--vv-calendar-element-day-state-pressed-color:var(--color-surface);--vv-calendar-element-day-state-pressed-font-weight:var(--font-semibold);--vv-calendar-element-day-state-disabled-opacity:var(--opacity-30);--vv-calendar-element-day-state-disabled-cursor:not-allowed}:where(.vv-calendar){display:var(--vv-calendar-display);flex-direction:var(--vv-calendar-flex-direction);gap:var(--vv-calendar-gap);color:var(--vv-calendar-color);font-size:var(--vv-calendar-font-size)}:where(.vv-calendar__header){display:var(--vv-calendar-element-header-display);align-items:var(--vv-calendar-element-header-align-items);justify-content:var(--vv-calendar-element-header-justify-content);gap:var(--vv-calendar-element-header-gap)}:where(.vv-calendar__title){color:var(--vv-calendar-element-title-color);font-weight:var(--vv-calendar-element-title-font-weight)}:where(.vv-calendar__nav){display:var(--vv-calendar-element-nav-display);place-items:var(--vv-calendar-element-nav-place-items);inline-size:var(--vv-calendar-element-nav-inline-size);block-size:var(--vv-calendar-element-nav-block-size);border-radius:var(--vv-calendar-element-nav-border-radius);color:var(--vv-calendar-element-nav-color);cursor:var(--vv-calendar-element-nav-cursor)}:where(.vv-calendar__nav--hover,.vv-calendar__nav.hover,.vv-calendar__nav:not([disabled]):hover){background-color:var(--vv-calendar-element-nav-state-hover-background-color);--vv-calendar-element-nav-color:var(--vv-calendar-element-nav-state-hover-color)}:where(.vv-calendar__nav--focus-visible,.vv-calendar__nav.focus-visible,.vv-calendar__nav:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-calendar-element-nav-state-focus-visible-outline);outline-offset:var(--vv-calendar-element-nav-state-focus-visible-outline-offset)}:where(.vv-calendar__grid,.vv-calendar table){border-collapse:var(--vv-calendar-element-grid-border-collapse)}:where(.vv-calendar__weekday,.vv-calendar th){color:var(--vv-calendar-element-weekday-color);font-size:var(--vv-calendar-element-weekday-font-size);font-weight:var(--vv-calendar-element-weekday-font-weight);text-align:var(--vv-calendar-element-weekday-text-align);padding-block-end:var(--vv-calendar-element-weekday-padding-block-end)}:where(.vv-calendar__cell,.vv-calendar td){padding:var(--vv-calendar-element-cell-padding);text-align:var(--vv-calendar-element-cell-text-align)}:where(.vv-calendar__cell--selected,.vv-calendar__cell.selected,.vv-calendar td.selected,.vv-calendar__cell[aria-selected=true],.vv-calendar td[aria-selected=true]){background-color:var(--vv-calendar-element-cell-state-selected-background-color)}:where(.vv-calendar__day){display:var(--vv-calendar-element-day-display);place-items:var(--vv-calendar-element-day-place-items);inline-size:var(--vv-calendar-element-day-inline-size);block-size:var(--vv-calendar-element-day-block-size);border-radius:var(--vv-calendar-element-day-border-radius);font-variant-numeric:var(--vv-calendar-element-day-font-variant-numeric);cursor:var(--vv-calendar-element-day-cursor)}:where(.vv-calendar__day--hover,.vv-calendar__day.hover,.vv-calendar__day:not([disabled]):hover){background-color:var(--vv-calendar-element-day-state-hover-background-color)}:where(.vv-calendar__day--current-date,.vv-calendar__day.current-date,.vv-calendar__day[aria-current=date]){font-weight:var(--vv-calendar-element-day-state-current-date-font-weight);box-shadow:var(--vv-calendar-element-day-state-current-date-box-shadow)}:where(.vv-calendar__day--pressed,.vv-calendar__day.pressed,.vv-calendar__day[aria-pressed=true]){background-color:var(--vv-calendar-element-day-state-pressed-background-color);color:var(--vv-calendar-element-day-state-pressed-color);font-weight:var(--vv-calendar-element-day-state-pressed-font-weight)}:where(.vv-calendar__day--disabled,.vv-calendar__day.disabled,.vv-calendar__day[disabled],.vv-calendar__day[aria-disabled=true]){opacity:var(--vv-calendar-element-day-state-disabled-opacity);--vv-calendar-element-day-cursor:var(--vv-calendar-element-day-state-disabled-cursor)}:where(.vv-calendar__day:focus-visible){outline:var(--spacing-px) solid var(--color-brand-graphic);outline-offset:var(--spacing-2)}