vanilla-breeze 0.3.1 → 0.4.0

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 (184) hide show
  1. package/README.md +33 -4
  2. package/dist/cdn/components/activity-feed.js +1 -1
  3. package/dist/cdn/components/audio-player.js +2 -2
  4. package/dist/cdn/components/carousel-wc.js +1 -1
  5. package/dist/cdn/components/comment-box.js +16 -16
  6. package/dist/cdn/components/comment-thread.js +20 -20
  7. package/dist/cdn/components/comment-wc.js +1 -1
  8. package/dist/cdn/components/content-lens.js +1 -1
  9. package/dist/cdn/components/context-menu.js +1 -1
  10. package/dist/cdn/components/diagram-wc.js +1 -1
  11. package/dist/cdn/components/drop-down.js +1 -1
  12. package/dist/cdn/components/image-gallery.js +1 -1
  13. package/dist/cdn/components/manifest.json +44 -20
  14. package/dist/cdn/components/reaction-bar.js +1 -1
  15. package/dist/cdn/components/score-card.js +2 -2
  16. package/dist/cdn/components/settings-panel.js +15 -15
  17. package/dist/cdn/components/site-search.js +1 -1
  18. package/dist/cdn/components/social-embed.js +1 -1
  19. package/dist/cdn/components/tab-set.js +1 -1
  20. package/dist/cdn/components/theme-picker.js +45 -45
  21. package/dist/cdn/components/time-index.js +2 -2
  22. package/dist/cdn/components/time-picker.js +1 -1
  23. package/dist/cdn/components/version-switcher.js +1 -1
  24. package/dist/cdn/packs/effects.full.js +1 -1
  25. package/dist/cdn/packs/journal.effects.css +1 -1
  26. package/dist/cdn/packs/journal.full.css +1 -1
  27. package/dist/cdn/packs/kawaii.effects.css +1 -1
  28. package/dist/cdn/packs/kawaii.full.css +2 -2
  29. package/dist/cdn/packs/kawaii.full.js +4 -4
  30. package/dist/cdn/packs/kawaii.theme.css +1 -1
  31. package/dist/cdn/packs/manifest.json +11 -11
  32. package/dist/cdn/packs/memphis.full.css +1 -1
  33. package/dist/cdn/packs/memphis.theme.css +1 -1
  34. package/dist/cdn/packs/ui.full.css +1 -1
  35. package/dist/cdn/packs/ui.full.js +52 -52
  36. package/dist/cdn/themes/8bit.css +1 -1
  37. package/dist/cdn/themes/8bit.tokens.json +4 -4
  38. package/dist/cdn/themes/alpha1999-dark.tokens.json +4 -4
  39. package/dist/cdn/themes/alpha1999.css +1 -1
  40. package/dist/cdn/themes/alpha1999.tokens.json +4 -4
  41. package/dist/cdn/themes/anthropic.css +1 -1
  42. package/dist/cdn/themes/anthropic.tokens.json +4 -4
  43. package/dist/cdn/themes/art-deco-dark.tokens.json +4 -4
  44. package/dist/cdn/themes/art-deco.css +1 -1
  45. package/dist/cdn/themes/art-deco.tokens.json +4 -4
  46. package/dist/cdn/themes/bauhaus-dark.tokens.json +1 -1
  47. package/dist/cdn/themes/bauhaus.css +1 -1
  48. package/dist/cdn/themes/bauhaus.tokens.json +4 -4
  49. package/dist/cdn/themes/brutalist-dark.tokens.json +4 -4
  50. package/dist/cdn/themes/brutalist.css +1 -1
  51. package/dist/cdn/themes/brutalist.tokens.json +4 -4
  52. package/dist/cdn/themes/catalog/atlassian.tokens.json +2 -2
  53. package/dist/cdn/themes/catalog/bootstrap.tokens.json +2 -2
  54. package/dist/cdn/themes/catalog/carbon.tokens.json +2 -2
  55. package/dist/cdn/themes/catalog/catppuccin-mocha.tokens.json +2 -2
  56. package/dist/cdn/themes/catalog/govuk.tokens.json +2 -2
  57. package/dist/cdn/themes/catalog/manifest.json +1 -1
  58. package/dist/cdn/themes/catalog/material.tokens.json +2 -2
  59. package/dist/cdn/themes/catalog/salesforce.tokens.json +2 -2
  60. package/dist/cdn/themes/catalog/tailwind.tokens.json +2 -2
  61. package/dist/cdn/themes/catppuccin-frappe.css +1 -1
  62. package/dist/cdn/themes/catppuccin-frappe.tokens.json +4 -4
  63. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +4 -4
  64. package/dist/cdn/themes/catppuccin-latte.css +1 -1
  65. package/dist/cdn/themes/catppuccin-latte.tokens.json +4 -4
  66. package/dist/cdn/themes/catppuccin-macchiato.css +1 -1
  67. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +4 -4
  68. package/dist/cdn/themes/catppuccin-mocha.css +1 -1
  69. package/dist/cdn/themes/catppuccin-mocha.tokens.json +4 -4
  70. package/dist/cdn/themes/classic-dark.tokens.json +4 -4
  71. package/dist/cdn/themes/classic.css +1 -1
  72. package/dist/cdn/themes/classic.tokens.json +4 -4
  73. package/dist/cdn/themes/claymorphism-dark.tokens.json +10 -10
  74. package/dist/cdn/themes/claymorphism.css +1 -1
  75. package/dist/cdn/themes/claymorphism.tokens.json +10 -10
  76. package/dist/cdn/themes/clinical-dark.tokens.json +4 -4
  77. package/dist/cdn/themes/clinical.css +1 -1
  78. package/dist/cdn/themes/clinical.tokens.json +4 -4
  79. package/dist/cdn/themes/cottagecore-dark.tokens.json +4 -4
  80. package/dist/cdn/themes/cottagecore.css +1 -1
  81. package/dist/cdn/themes/cottagecore.tokens.json +4 -4
  82. package/dist/cdn/themes/cyber.css +1 -1
  83. package/dist/cdn/themes/cyber.tokens.json +4 -5
  84. package/dist/cdn/themes/dawn-dark.tokens.json +4 -4
  85. package/dist/cdn/themes/dawn.css +1 -1
  86. package/dist/cdn/themes/dawn.tokens.json +4 -4
  87. package/dist/cdn/themes/dracula.css +1 -1
  88. package/dist/cdn/themes/dracula.tokens.json +4 -4
  89. package/dist/cdn/themes/dusk.css +1 -1
  90. package/dist/cdn/themes/dusk.tokens.json +4 -4
  91. package/dist/cdn/themes/editorial-dark.tokens.json +3 -3
  92. package/dist/cdn/themes/editorial.css +1 -1
  93. package/dist/cdn/themes/editorial.tokens.json +4 -4
  94. package/dist/cdn/themes/financial-dark.tokens.json +4 -4
  95. package/dist/cdn/themes/financial.css +1 -1
  96. package/dist/cdn/themes/financial.tokens.json +4 -4
  97. package/dist/cdn/themes/genai.css +1 -1
  98. package/dist/cdn/themes/genai.tokens.json +4 -4
  99. package/dist/cdn/themes/glassmorphism-dark.tokens.json +4 -4
  100. package/dist/cdn/themes/glassmorphism.css +1 -1
  101. package/dist/cdn/themes/glassmorphism.tokens.json +4 -4
  102. package/dist/cdn/themes/government-dark.tokens.json +4 -4
  103. package/dist/cdn/themes/government.css +1 -1
  104. package/dist/cdn/themes/government.tokens.json +4 -4
  105. package/dist/cdn/themes/gruvbox-dark.tokens.json +4 -4
  106. package/dist/cdn/themes/gruvbox.css +1 -1
  107. package/dist/cdn/themes/gruvbox.tokens.json +4 -4
  108. package/dist/cdn/themes/high-noon-dark.tokens.json +4 -4
  109. package/dist/cdn/themes/high-noon.css +1 -1
  110. package/dist/cdn/themes/high-noon.tokens.json +4 -4
  111. package/dist/cdn/themes/ibm.css +1 -1
  112. package/dist/cdn/themes/ibm.tokens.json +6 -6
  113. package/dist/cdn/themes/journal-dark.tokens.json +4 -4
  114. package/dist/cdn/themes/journal.css +1 -1
  115. package/dist/cdn/themes/journal.tokens.json +4 -4
  116. package/dist/cdn/themes/kawaii-dark.tokens.json +4 -4
  117. package/dist/cdn/themes/kawaii.css +1 -1
  118. package/dist/cdn/themes/kawaii.tokens.json +4 -4
  119. package/dist/cdn/themes/magna-dark.tokens.json +4 -4
  120. package/dist/cdn/themes/magna.css +1 -1
  121. package/dist/cdn/themes/magna.tokens.json +4 -4
  122. package/dist/cdn/themes/manifest.json +48 -48
  123. package/dist/cdn/themes/mcdonalds.css +1 -1
  124. package/dist/cdn/themes/mcdonalds.tokens.json +4 -4
  125. package/dist/cdn/themes/midnight.css +1 -1
  126. package/dist/cdn/themes/midnight.tokens.json +4 -4
  127. package/dist/cdn/themes/minimal-dark.tokens.json +4 -4
  128. package/dist/cdn/themes/minimal.css +1 -1
  129. package/dist/cdn/themes/minimal.tokens.json +4 -4
  130. package/dist/cdn/themes/modern-dark.tokens.json +4 -4
  131. package/dist/cdn/themes/modern.css +1 -1
  132. package/dist/cdn/themes/modern.tokens.json +4 -4
  133. package/dist/cdn/themes/nes-dark.tokens.json +4 -4
  134. package/dist/cdn/themes/nes.css +1 -1
  135. package/dist/cdn/themes/nes.tokens.json +4 -4
  136. package/dist/cdn/themes/neumorphism-dark.tokens.json +10 -10
  137. package/dist/cdn/themes/neumorphism.css +1 -1
  138. package/dist/cdn/themes/neumorphism.tokens.json +10 -10
  139. package/dist/cdn/themes/nord-dark.tokens.json +4 -4
  140. package/dist/cdn/themes/nord.css +1 -1
  141. package/dist/cdn/themes/nord.tokens.json +4 -4
  142. package/dist/cdn/themes/organic-dark.tokens.json +4 -4
  143. package/dist/cdn/themes/organic.css +1 -1
  144. package/dist/cdn/themes/organic.tokens.json +4 -4
  145. package/dist/cdn/themes/rose-pine-dark.tokens.json +4 -4
  146. package/dist/cdn/themes/rose-pine.css +1 -1
  147. package/dist/cdn/themes/rose-pine.tokens.json +4 -4
  148. package/dist/cdn/themes/rough-dark.tokens.json +4 -5
  149. package/dist/cdn/themes/rough.css +1 -1
  150. package/dist/cdn/themes/rough.tokens.json +5 -6
  151. package/dist/cdn/themes/solarized-dark.tokens.json +4 -4
  152. package/dist/cdn/themes/solarized.css +1 -1
  153. package/dist/cdn/themes/solarized.tokens.json +4 -4
  154. package/dist/cdn/themes/starbucks.css +1 -1
  155. package/dist/cdn/themes/starbucks.tokens.json +4 -4
  156. package/dist/cdn/themes/startup-dark.tokens.json +4 -4
  157. package/dist/cdn/themes/startup.css +1 -1
  158. package/dist/cdn/themes/startup.tokens.json +4 -4
  159. package/dist/cdn/themes/super2026-dark.tokens.json +4 -4
  160. package/dist/cdn/themes/super2026.css +1 -1
  161. package/dist/cdn/themes/super2026.tokens.json +4 -4
  162. package/dist/cdn/themes/swiss-dark.tokens.json +1 -1
  163. package/dist/cdn/themes/swiss.css +1 -1
  164. package/dist/cdn/themes/swiss.tokens.json +4 -4
  165. package/dist/cdn/themes/terminal.css +1 -1
  166. package/dist/cdn/themes/terminal.tokens.json +4 -4
  167. package/dist/cdn/themes/tokyo-night-dark.tokens.json +4 -4
  168. package/dist/cdn/themes/tokyo-night.css +1 -1
  169. package/dist/cdn/themes/tokyo-night.tokens.json +4 -4
  170. package/dist/cdn/themes/vaporwave-dark.tokens.json +4 -4
  171. package/dist/cdn/themes/vaporwave.css +1 -1
  172. package/dist/cdn/themes/vaporwave.tokens.json +4 -4
  173. package/dist/cdn/themes/win9x-dark.tokens.json +4 -4
  174. package/dist/cdn/themes/win9x.css +1 -1
  175. package/dist/cdn/themes/win9x.tokens.json +4 -4
  176. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  177. package/dist/cdn/vanilla-breeze-core.css +1 -1
  178. package/dist/cdn/vanilla-breeze-core.js +62 -62
  179. package/dist/cdn/vanilla-breeze-dev.css +1 -1
  180. package/dist/cdn/vanilla-breeze-extras.js +19 -19
  181. package/dist/cdn/vanilla-breeze-labs.css +1 -1
  182. package/dist/cdn/vanilla-breeze.css +1 -1
  183. package/dist/cdn/vanilla-breeze.js +170 -170
  184. package/package.json +5 -8
package/dist/cdn/packs/memphis.full.css CHANGED
@@ -1,4 +1,4 @@
1
- @font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-sm: 2px 2px 0 var(--m-black);--shadow-md: 4px 4px 0 var(--m-black);--shadow-lg: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-sm: 2px 2px 0 oklch(50% .005 0);--shadow-md: 4px 4px 0 oklch(50% .005 0);--shadow-lg: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
1
+ @font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-s: 2px 2px 0 var(--m-black);--shadow-m: 4px 4px 0 var(--m-black);--shadow-l: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-s: 2px 2px 0 oklch(50% .005 0);--shadow-m: 4px 4px 0 oklch(50% .005 0);--shadow-l: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
2
2
  /*# sourceMappingURL=memphis.theme.css.map */
3
3
 
4
4
  @layer bundle-effects{[data-effect~=memphis-zigzag]{height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black)}[data-effect~=memphis-zigzag][data-color=yellow]{background:var(--m-pat-zigzag-y);background-size:32px 16px}[data-effect~=memphis-dots]{height:24px;background:var(--m-pat-dots-r);background-color:var(--m-cream);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-dots][data-color=yellow]{background:var(--m-pat-dots-y);background-color:var(--m-cream)}[data-effect~=memphis-dots][data-color=blue]{background:var(--m-pat-dots-b);background-color:var(--m-cream)}[data-effect~=memphis-stripe]{height:12px;background:var(--m-pat-stripe-b);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-stripe][data-color=pink]{background:var(--m-pat-stripe-p)}[data-effect~=memphis-stripe][data-color=teal]{background:var(--m-pat-stripe-t)}[data-effect~=memphis-confetti]{position:relative}[data-effect~=memphis-confetti]:before{content:"";position:absolute;inset:0;background:var(--m-pat-confetti);background-color:transparent;opacity:.4;pointer-events:none;z-index:0}[data-effect~=memphis-confetti]>*{position:relative;z-index:1}[data-effect~=memphis-squiggle]{position:relative}[data-effect~=memphis-squiggle]:before{content:"";position:absolute;inset:0;background:var(--m-pat-squiggle-bk);background-size:40px 20px;opacity:.15;pointer-events:none;z-index:0}[data-effect~=memphis-squiggle]>*{position:relative;z-index:1}[data-theme~=memphis] button[data-variant=stripe],[data-theme~=memphis] .button[data-variant=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=dots],[data-theme~=memphis] .button[data-variant=dots]{background:var(--m-pat-dots-b);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=check],[data-theme~=memphis] .button[data-variant=check]{background:var(--m-pat-check-y);color:var(--m-black)}[data-theme~=memphis] button[data-variant=yellow],[data-theme~=memphis] .button[data-variant=yellow]{background:var(--m-yellow);color:var(--m-black)}[data-theme~=memphis] button[data-variant=blue],[data-theme~=memphis] .button[data-variant=blue]{background:var(--m-blue);color:var(--m-white)}[data-theme~=memphis] button[data-variant=teal],[data-theme~=memphis] .button[data-variant=teal]{background:var(--m-teal);color:var(--m-black)}[data-theme~=memphis] button[data-variant=pink],[data-theme~=memphis] .button[data-variant=pink]{background:var(--m-pink);color:var(--m-white)}[data-theme~=memphis] button[data-variant=mint],[data-theme~=memphis] .button[data-variant=mint]{background:var(--m-mint);color:var(--m-black)}[data-theme~=memphis] .card [data-pattern=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=dots]{background:var(--m-pat-dots-r);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=check]{background:var(--m-pat-check-y)}[data-theme~=memphis] .card [data-pattern=squiggle]{background:var(--m-pat-squiggle-r);background-color:var(--m-cream);background-size:40px 20px}[data-theme~=memphis] .card [data-pattern=confetti]{background:var(--m-pat-confetti);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=cross]{background:var(--m-pat-cross);background-color:var(--m-cream)}@media(prefers-reduced-motion:reduce){[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{animation:none}}@media print{[data-effect~=memphis-zigzag],[data-effect~=memphis-dots],[data-effect~=memphis-stripe]{display:none!important}[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{display:none!important}}}
package/dist/cdn/packs/memphis.theme.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-sm: 2px 2px 0 var(--m-black);--shadow-md: 4px 4px 0 var(--m-black);--shadow-lg: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-sm: 2px 2px 0 oklch(50% .005 0);--shadow-md: 4px 4px 0 oklch(50% .005 0);--shadow-lg: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
1
+ @font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-s: 2px 2px 0 var(--m-black);--shadow-m: 4px 4px 0 var(--m-black);--shadow-l: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-s: 2px 2px 0 oklch(50% .005 0);--shadow-m: 4px 4px 0 oklch(50% .005 0);--shadow-l: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
2
2
  /*# sourceMappingURL=memphis.theme.css.map */
package/dist/cdn/packs/ui.full.css CHANGED
@@ -1,2 +1,2 @@
1
- theme-picker:not(:defined){display:block}theme-picker{display:inline-block;position:relative;&[variant=inline]{display:block}&[open] .panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}&[variant=inline] .panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;background:transparent}}@scope(theme-picker){.panel{--panel-top: calc(100% + var(--size-xs));--panel-left: auto;--panel-right: 0px;position:absolute;top:var(--panel-top);left:var(--panel-left);right:var(--panel-right);z-index:1000;min-inline-size:16rem;padding:var(--size-m);background:var(--color-surface-overlay);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);&[data-position=top]{transform:translateY(.25rem)}}.section{margin:0;padding:0;border:none;border-radius:0}.section+.section{margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}.section>legend{padding:0;padding-inline:0;margin-block-end:var(--size-s);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.options{display:flex;gap:var(--size-xs)}.option{display:block;flex:1;min-inline-size:0;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900);& icon-wc{color:var(--color-primary)}}}.option-content{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs);padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:center;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1.25em;color:var(--color-text-muted)}}.options--sizing{display:grid;grid-template-columns:1fr 1fr}.option--sizing .option-content{flex-direction:row;align-items:start;gap:var(--size-xs);text-align:start;padding:var(--size-xs) var(--size-s);& icon-wc{flex-shrink:0;margin-block-start:.15em}}.option-text{display:flex;flex-direction:column;& small{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}}.option--sizing input:checked+.option-content .option-text small{color:var(--color-primary)}.options--swatch-grid{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.swatch-cell-group{position:relative;display:inline-flex}.swatch-dtcg{position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem;display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;padding:0;border-radius:var(--radius-full, 999px);background:var(--color-surface, white);color:var(--color-text-muted, currentColor);border:1px solid var(--color-border);text-decoration:none;line-height:1;opacity:0;transition:opacity var(--duration-fast, .15s);cursor:pointer}.swatch-cell-group:hover .swatch-dtcg,.swatch-cell-group:focus-within .swatch-dtcg,.swatch-dtcg:focus-visible{opacity:1}.swatch-dtcg:hover{color:var(--color-text);border-color:var(--color-interactive, currentColor)}.swatch-dtcg:focus-visible{outline:2px solid var(--color-interactive);outline-offset:1px}.swatch-dtcg icon-wc{inline-size:.625rem;block-size:.625rem}.swatch-cell{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-visual{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-s);background:var(--swatch-bg);color:var(--swatch-fg, white);border:var(--border-width-thin) solid oklch(0 0 0 / .15);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1rem}}&:hover .swatch-visual{transform:scale(1.1);border-color:var(--color-text-muted)}& input:focus-visible+.swatch-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.swatch-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}&[aria-busy=true] .swatch-visual{opacity:.5;pointer-events:none}}.options--accent-dots{display:flex;flex-wrap:wrap;gap:var(--size-2xs);align-items:center}.accent-dot{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.accent-dot-visual{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid oklch(0 0 0 / .1);transition:transform var(--duration-fast) var(--ease-default)}.accent-dot:hover .accent-dot-visual{transform:scale(1.15)}.accent-dot input:checked+.accent-dot-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}.accent-dot input:focus-visible+.accent-dot-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.compact-select{display:block;inline-size:100%;padding:var(--size-xs) var(--size-s);font:inherit;font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;&:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}@supports (appearance: base-select){.compact-select:not([multiple]){display:flex;align-items:center}}.compact-segmented{display:grid;grid-template-columns:repeat(var(--seg-count, 3),1fr);grid-template-rows:auto auto;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);overflow:hidden}.compact-seg{display:grid;grid-template-rows:subgrid;grid-row:span 2;cursor:pointer;position:relative;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compact-seg-visual{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-items:center;justify-items:center;gap:var(--size-3xs, 2px);padding:var(--size-2xs) var(--size-xs);min-block-size:2.5rem;text-align:center;font-size:var(--font-size-sm);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}& icon-wc{flex-shrink:0;font-size:1em}&:not(:last-child) .compact-seg-visual{border-inline-end:var(--border-width-thin) solid var(--color-border)}&:hover .compact-seg-visual{background:var(--color-surface-alt)}& input:checked+.compact-seg-visual{background:var(--color-primary);color:#fff}& input:focus-visible+.compact-seg-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}.compact-toggles{display:flex;flex-direction:column;gap:var(--size-xs)}.theme-category{+.theme-category{margin-block-start:var(--size-s)}}.category-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--size-2xs)}.section--more-themes{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.more-themes-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.section--extensions{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.extensions-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.extensions-content{display:flex;flex-direction:column;gap:var(--size-xs);padding-block-end:var(--size-xs)}.extension-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}}.extension-info{display:flex;align-items:center;gap:var(--size-xs);& icon-wc{color:var(--color-text-muted);font-size:1rem}}.extension-name{font-size:var(--font-size-sm)}.section--a11y{border-block-start:var(--border-width-thin) solid var(--color-border)}.options--a11y{display:flex;flex-direction:column;gap:var(--size-xs)}.option--a11y{display:flex;flex:none;cursor:pointer;& input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-content{display:flex;flex-direction:row;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:start;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.option-content:before{content:"";display:block;inline-size:1rem;block-size:1rem;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900)}& input:checked+.option-content:before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:.75rem;background-repeat:no-repeat;background-position:center}& input:checked+.option-content icon-wc{color:var(--color-primary)}}}@media(prefers-reduced-motion:reduce){@scope(theme-picker){.panel{transition:none;transform:none}.option-content{transition:none}}}
1
+ theme-picker:not(:defined){display:block}theme-picker{display:inline-block;position:relative;&[variant=inline]{display:block}&[open] .panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}&[variant=inline] .panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;background:transparent}}@scope(theme-picker){.panel{--panel-top: calc(100% + var(--size-xs));--panel-left: auto;--panel-right: 0px;position:absolute;top:var(--panel-top);left:var(--panel-left);right:var(--panel-right);z-index:1000;min-inline-size:16rem;padding:var(--size-m);background:var(--color-surface-overlay);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);&[data-position=top]{transform:translateY(.25rem)}}.section{margin:0;padding:0;border:none;border-radius:0}.section+.section{margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}.section>legend{padding:0;padding-inline:0;margin-block-end:var(--size-s);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.options{display:flex;gap:var(--size-xs)}.option{display:block;flex:1;min-inline-size:0;cursor:var(--cursor-custom-pointer, pointer);& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900);& icon-wc{color:var(--color-primary)}}}.option-content{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs);padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-s);text-align:center;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1.25em;color:var(--color-text-muted)}}.options--sizing{display:grid;grid-template-columns:1fr 1fr}.option--sizing .option-content{flex-direction:row;align-items:start;gap:var(--size-xs);text-align:start;padding:var(--size-xs) var(--size-s);& icon-wc{flex-shrink:0;margin-block-start:.15em}}.option-text{display:flex;flex-direction:column;& small{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}}.option--sizing input:checked+.option-content .option-text small{color:var(--color-primary)}.options--swatch-grid{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.swatch-cell-group{position:relative;display:inline-flex}.swatch-dtcg{position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem;display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;padding:0;border-radius:var(--radius-full, 999px);background:var(--color-surface, white);color:var(--color-text-muted, currentColor);border:1px solid var(--color-border);text-decoration:none;line-height:1;opacity:0;transition:opacity var(--duration-fast, .15s);cursor:var(--cursor-custom-pointer, pointer)}.swatch-cell-group:hover .swatch-dtcg,.swatch-cell-group:focus-within .swatch-dtcg,.swatch-dtcg:focus-visible{opacity:1}.swatch-dtcg:hover{color:var(--color-text);border-color:var(--color-interactive, currentColor)}.swatch-dtcg:focus-visible{outline:2px solid var(--color-interactive);outline-offset:1px}.swatch-dtcg icon-wc{inline-size:.625rem;block-size:.625rem}.swatch-cell{cursor:var(--cursor-custom-pointer, pointer);& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-visual{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-s);background:var(--swatch-bg);color:var(--swatch-fg, white);border:var(--border-width-thin) solid oklch(0 0 0 / .15);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1rem}}&:hover .swatch-visual{transform:scale(1.1);border-color:var(--color-text-muted)}& input:focus-visible+.swatch-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.swatch-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}&[aria-busy=true] .swatch-visual{opacity:.5;pointer-events:none}}.options--accent-dots{display:flex;flex-wrap:wrap;gap:var(--size-2xs);align-items:center}.accent-dot{cursor:var(--cursor-custom-pointer, pointer);& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.accent-dot-visual{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid oklch(0 0 0 / .1);transition:transform var(--duration-fast) var(--ease-default)}.accent-dot:hover .accent-dot-visual{transform:scale(1.15)}.accent-dot input:checked+.accent-dot-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}.accent-dot input:focus-visible+.accent-dot-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.compact-select{display:block;inline-size:100%;padding:var(--size-xs) var(--size-s);font:inherit;font-size:var(--font-size-s);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:var(--cursor-custom-pointer, pointer);&:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}@supports (appearance: base-select){.compact-select:not([multiple]){display:flex;align-items:center}}.compact-segmented{display:grid;grid-template-columns:repeat(var(--seg-count, 3),1fr);grid-template-rows:auto auto;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);overflow:hidden}.compact-seg{display:grid;grid-template-rows:subgrid;grid-row:span 2;cursor:var(--cursor-custom-pointer, pointer);position:relative;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compact-seg-visual{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-items:center;justify-items:center;gap:var(--size-3xs, 2px);padding:var(--size-2xs) var(--size-xs);min-block-size:2.5rem;text-align:center;font-size:var(--font-size-s);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}& icon-wc{flex-shrink:0;font-size:1em}&:not(:last-child) .compact-seg-visual{border-inline-end:var(--border-width-thin) solid var(--color-border)}&:hover .compact-seg-visual{background:var(--color-surface-alt)}& input:checked+.compact-seg-visual{background:var(--color-primary);color:#fff}& input:focus-visible+.compact-seg-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}.compact-toggles{display:flex;flex-direction:column;gap:var(--size-xs)}.theme-category{+.theme-category{margin-block-start:var(--size-s)}}.category-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--size-2xs)}.section--more-themes{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.more-themes-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:var(--cursor-custom-pointer, pointer);list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.section--extensions{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.extensions-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:var(--cursor-custom-pointer, pointer);list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.extensions-content{display:flex;flex-direction:column;gap:var(--size-xs);padding-block-end:var(--size-xs)}.extension-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:var(--cursor-custom-pointer, pointer);transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}}.extension-info{display:flex;align-items:center;gap:var(--size-xs);& icon-wc{color:var(--color-text-muted);font-size:1rem}}.extension-name{font-size:var(--font-size-s)}.section--a11y{border-block-start:var(--border-width-thin) solid var(--color-border)}.options--a11y{display:flex;flex-direction:column;gap:var(--size-xs)}.option--a11y{display:flex;flex:none;cursor:var(--cursor-custom-pointer, pointer);& input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-content{display:flex;flex-direction:row;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-s);text-align:start;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.option-content:before{content:"";display:block;inline-size:1rem;block-size:1rem;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900)}& input:checked+.option-content:before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:.75rem;background-repeat:no-repeat;background-position:center}& input:checked+.option-content icon-wc{color:var(--color-primary)}}}@media(prefers-reduced-motion:reduce){@scope(theme-picker){.panel{transition:none;transform:none}.option-content{transition:none}}}
2
2
  /*# sourceMappingURL=ui.full.css.map */