@greese/ui 1.0.0 → 1.2.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 (210) hide show
  1. package/README.md +19 -14
  2. package/dist/_maps.scss +1 -1
  3. package/dist/_tokens-base.scss +30 -6
  4. package/dist/_tokens.scss +31 -2
  5. package/dist/_utilities-table.scss +1615 -0
  6. package/dist/clipboard.d.ts +18 -0
  7. package/dist/clipboard.js +62 -0
  8. package/dist/css/Button.css +2 -2
  9. package/dist/css/Carousel.css +145 -47
  10. package/dist/css/Checkbox.css +2 -2
  11. package/dist/css/Chip.css +38 -8
  12. package/dist/css/ChoiceGroup.css +42 -1
  13. package/dist/css/Collapsible.css +1 -0
  14. package/dist/css/ColorPicker.css +84 -0
  15. package/dist/css/Combobox.css +2 -2
  16. package/dist/css/Dialog.css +24 -22
  17. package/dist/css/EditableField.css +219 -0
  18. package/dist/css/Input.css +11 -2
  19. package/dist/css/Menu.css +9 -0
  20. package/dist/css/NumberField.css +53 -8
  21. package/dist/css/NumberStepper.css +9 -0
  22. package/dist/css/OtpField.css +1 -1
  23. package/dist/css/PageTransition.css +12 -0
  24. package/dist/css/Radio.css +2 -2
  25. package/dist/css/ScrollCarousel.css +225 -0
  26. package/dist/css/SegmentedControl.css +2 -2
  27. package/dist/css/Select.css +3 -2
  28. package/dist/css/Slider.css +45 -5
  29. package/dist/css/Switch.css +6 -6
  30. package/dist/css/Text.css +14 -14
  31. package/dist/css/Textarea.css +1 -1
  32. package/dist/css/core.css +36 -6
  33. package/dist/css/resets.css +162 -0
  34. package/dist/css.d.ts +2 -0
  35. package/dist/css.js +2 -0
  36. package/dist/greese.css +990 -138
  37. package/dist/index.d.ts +2 -1
  38. package/dist/index.js +2 -1
  39. package/dist/scss/components/_Accordion.scss +2 -0
  40. package/dist/scss/components/_ActionSelect.scss +2 -0
  41. package/dist/scss/components/_Alert.scss +2 -0
  42. package/dist/scss/components/_AppBar.scss +2 -0
  43. package/dist/scss/components/_AspectRatio.scss +2 -0
  44. package/dist/scss/components/_AutoLayout.scss +2 -0
  45. package/dist/scss/components/_Avatar.scss +2 -0
  46. package/dist/scss/components/_Badge.scss +2 -0
  47. package/dist/scss/components/_Box.scss +2 -0
  48. package/dist/scss/components/_Breadcrumbs.scss +2 -0
  49. package/dist/scss/components/_Button.scss +2 -0
  50. package/dist/scss/components/_ButtonGroup.scss +2 -0
  51. package/dist/scss/components/_Card.scss +2 -0
  52. package/dist/scss/components/_Carousel.scss +2 -0
  53. package/dist/scss/components/_Center.scss +2 -0
  54. package/dist/scss/components/_ChatBubble.scss +2 -0
  55. package/dist/scss/components/_Checkbox.scss +2 -0
  56. package/dist/scss/components/_Chip.scss +2 -0
  57. package/dist/scss/components/_ChoiceGroup.scss +2 -0
  58. package/dist/scss/components/_Code.scss +2 -0
  59. package/dist/scss/components/_Collapsible.scss +2 -0
  60. package/dist/scss/components/_ColorPicker.scss +2 -0
  61. package/dist/scss/components/_Combobox.scss +2 -0
  62. package/dist/scss/components/_Container.scss +2 -0
  63. package/dist/scss/components/_Countdown.scss +2 -0
  64. package/dist/scss/components/_DateField.scss +2 -0
  65. package/dist/scss/components/_Dialog.scss +2 -0
  66. package/dist/scss/components/_Diff.scss +2 -0
  67. package/dist/scss/components/_Divider.scss +2 -0
  68. package/dist/scss/components/_Dock.scss +2 -0
  69. package/dist/scss/components/_EditableField.scss +2 -0
  70. package/dist/scss/components/_Field.scss +2 -0
  71. package/dist/scss/components/_Fieldset.scss +2 -0
  72. package/dist/scss/components/_FileInput.scss +2 -0
  73. package/dist/scss/components/_Footer.scss +2 -0
  74. package/dist/scss/components/_Grid.scss +2 -0
  75. package/dist/scss/components/_Header.scss +2 -0
  76. package/dist/scss/components/_Heading.scss +2 -0
  77. package/dist/scss/components/_Icon.scss +2 -0
  78. package/dist/scss/components/_IconButton.scss +2 -0
  79. package/dist/scss/components/_Image.scss +2 -0
  80. package/dist/scss/components/_Indicator.scss +2 -0
  81. package/dist/scss/components/_Input.scss +2 -0
  82. package/dist/scss/components/_Key.scss +2 -0
  83. package/dist/scss/components/_Link.scss +2 -0
  84. package/dist/scss/components/_List.scss +2 -0
  85. package/dist/scss/components/_Media.scss +2 -0
  86. package/dist/scss/components/_Menu.scss +2 -0
  87. package/dist/scss/components/_Motion.scss +2 -0
  88. package/dist/scss/components/_NumberField.scss +2 -0
  89. package/dist/scss/components/_NumberStepper.scss +2 -0
  90. package/dist/scss/components/_OtpField.scss +2 -0
  91. package/dist/scss/components/_PageTransition.scss +2 -0
  92. package/dist/scss/components/_Pagination.scss +2 -0
  93. package/dist/scss/components/_Popover.scss +2 -0
  94. package/dist/scss/components/_Progress.scss +2 -0
  95. package/dist/scss/components/_RadialProgress.scss +2 -0
  96. package/dist/scss/components/_Radio.scss +2 -0
  97. package/dist/scss/components/_Rating.scss +2 -0
  98. package/dist/scss/components/_ScrollCarousel.scss +2 -0
  99. package/dist/scss/components/_ScrollSpy.scss +2 -0
  100. package/dist/scss/components/_SegmentedControl.scss +2 -0
  101. package/dist/scss/components/_Select.scss +2 -0
  102. package/dist/scss/components/_Sidebar.scss +2 -0
  103. package/dist/scss/components/_Skeleton.scss +2 -0
  104. package/dist/scss/components/_Slider.scss +2 -0
  105. package/dist/scss/components/_Spacer.scss +2 -0
  106. package/dist/scss/components/_SpeedDial.scss +2 -0
  107. package/dist/scss/components/_Spinner.scss +2 -0
  108. package/dist/scss/components/_Stack.scss +2 -0
  109. package/dist/scss/components/_Stat.scss +2 -0
  110. package/dist/scss/components/_Status.scss +2 -0
  111. package/dist/scss/components/_Steps.scss +2 -0
  112. package/dist/scss/components/_Swap.scss +2 -0
  113. package/dist/scss/components/_Switch.scss +2 -0
  114. package/dist/scss/components/_Table.scss +2 -0
  115. package/dist/scss/components/_Tabs.scss +2 -0
  116. package/dist/scss/components/_Text.scss +2 -0
  117. package/dist/scss/components/_TextRotate.scss +2 -0
  118. package/dist/scss/components/_Textarea.scss +2 -0
  119. package/dist/scss/components/_ThemeProvider.scss +2 -0
  120. package/dist/scss/components/_Tile.scss +2 -0
  121. package/dist/scss/components/_Toast.scss +2 -0
  122. package/dist/scss/components/_ToggleButton.scss +2 -0
  123. package/dist/scss/components/_Tooltip.scss +2 -0
  124. package/dist/scss/components/_Type.scss +2 -0
  125. package/dist/scss/components/_Visibility.scss +2 -0
  126. package/dist/scss/components/_VisuallyHidden.scss +2 -0
  127. package/dist/shapes.d.ts +12 -1
  128. package/dist/shapes.js +11 -10
  129. package/dist/style-manifest.json +18837 -132
  130. package/dist/theme.js +6 -1
  131. package/dist/themeFiles/index.d.ts +9 -0
  132. package/dist/themeFiles/index.js +9 -0
  133. package/dist/themeFiles/scssModule.d.ts +100 -0
  134. package/dist/themeFiles/scssModule.js +384 -0
  135. package/dist/themeFiles/spec.d.ts +198 -0
  136. package/dist/themeFiles/spec.js +877 -0
  137. package/dist/tokens.css +30 -1
  138. package/dist/typography.js +1 -1
  139. package/dist/utilities.css +435 -0
  140. package/dist/utilities.d.ts +8 -0
  141. package/dist/utilities.js +75 -0
  142. package/package.json +20 -1
  143. package/src/components/AutoLayout/AutoLayout.scss +2 -26
  144. package/src/components/Carousel/Carousel.scss +122 -126
  145. package/src/components/Checkbox/Checkbox.scss +2 -2
  146. package/src/components/Chip/Chip.scss +63 -8
  147. package/src/components/ChoiceGroup/ChoiceGroup.scss +19 -1
  148. package/src/components/Collapsible/Collapsible.scss +3 -0
  149. package/src/components/ColorPicker/ColorPicker.scss +95 -0
  150. package/src/components/Combobox/Combobox.scss +4 -2
  151. package/src/components/Dialog/Dialog.scss +24 -7
  152. package/src/components/EditableField/EditableField.scss +275 -0
  153. package/src/components/Grid/Grid.scss +2 -70
  154. package/src/components/Input/Input.scss +29 -0
  155. package/src/components/Menu/Menu.scss +18 -0
  156. package/src/components/NumberField/NumberField.scss +56 -9
  157. package/src/components/NumberStepper/NumberStepper.scss +13 -0
  158. package/src/components/PageTransition/PageTransition.scss +29 -0
  159. package/src/components/Radio/Radio.scss +2 -2
  160. package/src/components/ScrollCarousel/ScrollCarousel.scss +142 -0
  161. package/src/components/Select/Select.scss +4 -0
  162. package/src/components/Slider/Slider.scss +51 -6
  163. package/src/components/Stack/Stack.scss +2 -48
  164. package/src/components/Switch/Switch.scss +9 -6
  165. package/src/components/Text/Text.scss +5 -2
  166. package/src/styles/_breakpoint-vars.scss +17 -11
  167. package/src/styles/_controls.scss +2 -2
  168. package/src/styles/_core.scss +1 -0
  169. package/src/styles/_kit.scss +483 -56
  170. package/src/styles/_layout-props.scss +197 -0
  171. package/src/styles/_manifest.scss +55 -25
  172. package/src/styles/_mixins.scss +53 -15
  173. package/src/styles/_slides.scss +112 -0
  174. package/src/styles/_utilities.scss +104 -0
  175. package/src/styles/breakpoints.test.ts +21 -1
  176. package/src/styles/entryPoints.test.ts +25 -2
  177. package/src/styles/index.scss +3 -1
  178. package/src/styles/kit.test.ts +171 -1
  179. package/src/styles/public/_breakpoints.scss +43 -0
  180. package/src/styles/public/_slides.scss +3 -0
  181. package/src/styles/public/_utilities.scss +3 -0
  182. package/src/styles/resets.scss +7 -0
  183. package/src/styles/utilities.test.ts +39 -0
  184. package/themes/bevel.css +187 -187
  185. package/themes/bevel.scss +960 -958
  186. package/themes/candy.css +87 -0
  187. package/themes/candy.scss +32 -0
  188. package/themes/extrude.css +42 -42
  189. package/themes/folio.css +200 -200
  190. package/themes/folio.scss +880 -878
  191. package/themes/forest.css +87 -0
  192. package/themes/forest.scss +32 -0
  193. package/themes/grape.css +87 -0
  194. package/themes/grape.scss +32 -0
  195. package/themes/greese.css +36 -0
  196. package/themes/greese.scss +21 -0
  197. package/themes/mono.css +87 -0
  198. package/themes/mono.scss +32 -0
  199. package/themes/ocean.css +87 -0
  200. package/themes/ocean.scss +32 -0
  201. package/themes/outline.css +18 -18
  202. package/themes/pebble.css +8 -8
  203. package/themes/ridge.css +188 -188
  204. package/themes/ridge.scss +820 -818
  205. package/themes/soft.css +11 -11
  206. package/themes/sunset.css +87 -0
  207. package/themes/sunset.scss +32 -0
  208. package/themes/ticket.css +180 -180
  209. package/themes/ticket.scss +881 -879
  210. package/themes/tilt.css +25 -25
package/themes/ticket.css CHANGED
@@ -23,36 +23,36 @@
23
23
  }
24
24
  }
25
25
  @layer greese.overrides {
26
- .greese-Accordion {
26
+ .greese-Accordion:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
27
27
  display: grid;
28
28
  gap: var(--greese-space-2);
29
29
  border-block-start: 0;
30
30
  }
31
31
  }
32
32
  @layer greese.overrides {
33
- .greese-AccordionItem {
33
+ .greese-AccordionItem:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
34
34
  border-block-end: 0;
35
35
  }
36
- .greese-AccordionItem > .greese-Collapsible-content {
36
+ .greese-AccordionItem:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) > .greese-Collapsible-content {
37
37
  padding-block-start: var(--greese-space-3);
38
38
  }
39
39
  }
40
40
  @layer greese.overrides {
41
- .greese-Collapsible > .greese-Collapsible-trigger {
41
+ .greese-Collapsible:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) > .greese-Collapsible-trigger {
42
42
  padding-inline: var(--greese-space-4);
43
43
  background-color: var(--greese-color-surface);
44
44
  border: 1px solid var(--greese-collapsible-border, var(--greese-color-border));
45
45
  border-radius: var(--greese-corner-control);
46
46
  }
47
47
  @media (hover: hover) {
48
- .greese-Collapsible > .greese-Collapsible-trigger:hover {
48
+ .greese-Collapsible:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) > .greese-Collapsible-trigger:hover {
49
49
  background-color: color-mix(in oklab, var(--greese-color-fg) 5%, var(--greese-color-surface));
50
50
  }
51
51
  }
52
- .greese-Collapsible[open] > .greese-Collapsible-trigger {
52
+ .greese-Collapsible:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[open] > .greese-Collapsible-trigger {
53
53
  margin-block-end: var(--greese-space-2);
54
54
  }
55
- .greese-Collapsible > .greese-Collapsible-content {
55
+ .greese-Collapsible:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) > .greese-Collapsible-content {
56
56
  padding-inline: var(--greese-space-4);
57
57
  }
58
58
  }
@@ -207,16 +207,16 @@
207
207
  display: none;
208
208
  }
209
209
  }
210
- .greese-AccordionItem > .greese-Collapsible-content,
211
- .greese-Tile {
210
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
211
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
212
212
  --greese-shape-ring: var(--greese-color-border);
213
213
  position: relative;
214
214
  isolation: isolate;
215
215
  border-color: transparent;
216
216
  clip-path: var(--greese-shape-clip) padding-box;
217
217
  }
218
- .greese-AccordionItem > .greese-Collapsible-content::after,
219
- .greese-Tile::after {
218
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
219
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
220
220
  position: absolute;
221
221
  inset: 0;
222
222
  inline-size: auto;
@@ -229,30 +229,30 @@
229
229
  clip-path: var(--greese-shape-ring-clip);
230
230
  }
231
231
  @media (prefers-reduced-motion: no-preference) {
232
- .greese-AccordionItem > .greese-Collapsible-content,
233
- .greese-Tile {
232
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
233
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
234
234
  transition: --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
235
235
  }
236
236
  }
237
237
  @media (forced-colors: active) {
238
- .greese-AccordionItem > .greese-Collapsible-content,
239
- .greese-Tile {
238
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
239
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
240
240
  clip-path: none;
241
241
  border-color: CanvasText;
242
242
  }
243
- .greese-AccordionItem > .greese-Collapsible-content::after,
244
- .greese-Tile::after {
243
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
244
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
245
245
  display: none;
246
246
  }
247
247
  }
248
- .greese-Alert {
248
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
249
249
  --greese-shape-ring: color-mix(in oklab, var(--greese-alert-tone) 30%, transparent);
250
250
  position: relative;
251
251
  isolation: isolate;
252
252
  border-color: transparent;
253
253
  clip-path: var(--greese-shape-clip) padding-box;
254
254
  }
255
- .greese-Alert::after {
255
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
256
256
  position: absolute;
257
257
  inset: 0;
258
258
  inline-size: auto;
@@ -265,37 +265,37 @@
265
265
  clip-path: var(--greese-shape-ring-clip);
266
266
  }
267
267
  @media (prefers-reduced-motion: no-preference) {
268
- .greese-Alert {
268
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
269
269
  transition: --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
270
270
  }
271
271
  }
272
272
  @media (forced-colors: active) {
273
- .greese-Alert {
273
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
274
274
  clip-path: none;
275
275
  border-color: CanvasText;
276
276
  }
277
- .greese-Alert::after {
277
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
278
278
  display: none;
279
279
  }
280
280
  }
281
- .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar),
282
- .greese-Status:not(.greese-Status--pulse) {
281
+ .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
282
+ .greese-Status:not(.greese-Status--pulse):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
283
283
  clip-path: var(--greese-shape-clip) border-box;
284
284
  }
285
285
  @media (forced-colors: active) {
286
- .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar),
287
- .greese-Status:not(.greese-Status--pulse) {
286
+ .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
287
+ .greese-Status:not(.greese-Status--pulse):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
288
288
  clip-path: none;
289
289
  }
290
290
  }
291
- .greese-Badge {
291
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
292
292
  --greese-shape-ring: color-mix(in oklab, var(--greese-badge-tone) 35%, transparent);
293
293
  position: relative;
294
294
  isolation: isolate;
295
295
  border-color: transparent;
296
296
  clip-path: var(--greese-shape-clip) padding-box;
297
297
  }
298
- .greese-Badge::after {
298
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
299
299
  position: absolute;
300
300
  inset: 0;
301
301
  inline-size: auto;
@@ -308,27 +308,27 @@
308
308
  clip-path: var(--greese-shape-ring-clip);
309
309
  }
310
310
  @media (prefers-reduced-motion: no-preference) {
311
- .greese-Badge {
311
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
312
312
  transition: --greese-shape-t var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
313
313
  }
314
314
  }
315
315
  @media (forced-colors: active) {
316
- .greese-Badge {
316
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
317
317
  clip-path: none;
318
318
  border-color: CanvasText;
319
319
  }
320
- .greese-Badge::after {
320
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
321
321
  display: none;
322
322
  }
323
323
  }
324
- .greese-Button {
324
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
325
325
  --greese-shape-ring: var(--greese-button-border, transparent);
326
326
  position: relative;
327
327
  isolation: isolate;
328
328
  border-color: transparent;
329
329
  clip-path: var(--greese-shape-clip) padding-box;
330
330
  }
331
- .greese-Button::after {
331
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
332
332
  position: absolute;
333
333
  inset: 0;
334
334
  inline-size: auto;
@@ -341,27 +341,27 @@
341
341
  clip-path: var(--greese-shape-ring-clip);
342
342
  }
343
343
  @media (prefers-reduced-motion: no-preference) {
344
- .greese-Button {
344
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
345
345
  transition: background-color var(--greese-duration-fast) var(--greese-easing-standard), border-color var(--greese-duration-fast) var(--greese-easing-standard), color var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-t var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
346
346
  }
347
347
  }
348
348
  @media (forced-colors: active) {
349
- .greese-Button {
349
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
350
350
  clip-path: none;
351
351
  border-color: CanvasText;
352
352
  }
353
- .greese-Button::after {
353
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
354
354
  display: none;
355
355
  }
356
356
  }
357
- .greese-Card {
357
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
358
358
  --greese-shape-ring: transparent;
359
359
  position: relative;
360
360
  isolation: isolate;
361
361
  border-color: transparent;
362
362
  clip-path: var(--greese-shape-clip) padding-box;
363
363
  }
364
- .greese-Card::after {
364
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
365
365
  position: absolute;
366
366
  inset: 0;
367
367
  inline-size: auto;
@@ -373,37 +373,37 @@
373
373
  background: var(--greese-shape-ring);
374
374
  clip-path: var(--greese-shape-ring-clip);
375
375
  }
376
- .greese-Card.greese-Card--outline {
376
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Card--outline {
377
377
  --greese-shape-ring: var(--greese-color-border);
378
378
  }
379
- .greese-Card.greese-Card--elevated {
379
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Card--elevated {
380
380
  --greese-shape-ring: var(--greese-color-border-strong);
381
381
  }
382
382
  @media (prefers-reduced-motion: no-preference) {
383
- .greese-Card {
383
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
384
384
  transition: --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
385
385
  }
386
- .greese-Card.greese-Card--interactive {
386
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Card--interactive {
387
387
  transition: --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear, box-shadow var(--greese-duration-normal) var(--greese-easing-standard), border-color var(--greese-duration-normal) var(--greese-easing-standard), translate var(--greese-duration-normal) var(--greese-easing-standard);
388
388
  }
389
389
  }
390
390
  @media (forced-colors: active) {
391
- .greese-Card {
391
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
392
392
  clip-path: none;
393
393
  border-color: CanvasText;
394
394
  }
395
- .greese-Card::after {
395
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
396
396
  display: none;
397
397
  }
398
398
  }
399
- .greese-Chip {
399
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
400
400
  --greese-shape-ring: var(--greese-color-border);
401
401
  position: relative;
402
402
  isolation: isolate;
403
403
  border-color: transparent;
404
404
  clip-path: var(--greese-shape-clip) padding-box;
405
405
  }
406
- .greese-Chip::after {
406
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
407
407
  position: absolute;
408
408
  inset: 0;
409
409
  inline-size: auto;
@@ -416,27 +416,27 @@
416
416
  clip-path: var(--greese-shape-ring-clip);
417
417
  }
418
418
  @media (prefers-reduced-motion: no-preference) {
419
- .greese-Chip {
419
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
420
420
  transition: background-color var(--greese-duration-fast) var(--greese-easing-standard), color var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-t var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
421
421
  }
422
422
  }
423
423
  @media (forced-colors: active) {
424
- .greese-Chip {
424
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
425
425
  clip-path: none;
426
426
  border-color: CanvasText;
427
427
  }
428
- .greese-Chip::after {
428
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
429
429
  display: none;
430
430
  }
431
431
  }
432
- .greese-Collapsible-trigger {
432
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
433
433
  --greese-shape-ring: var(--greese-collapsible-border, var(--greese-color-border));
434
434
  position: relative;
435
435
  isolation: isolate;
436
436
  border-color: transparent;
437
437
  clip-path: var(--greese-shape-clip) padding-box;
438
438
  }
439
- .greese-Collapsible-trigger::after {
439
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
440
440
  position: absolute;
441
441
  inset: 0;
442
442
  inline-size: auto;
@@ -449,30 +449,30 @@
449
449
  clip-path: var(--greese-shape-ring-clip);
450
450
  }
451
451
  @media (prefers-reduced-motion: no-preference) {
452
- .greese-Collapsible-trigger {
452
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
453
453
  transition: background-color var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
454
454
  }
455
455
  }
456
456
  @media (forced-colors: active) {
457
- .greese-Collapsible-trigger {
457
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
458
458
  clip-path: none;
459
459
  border-color: CanvasText;
460
460
  }
461
- .greese-Collapsible-trigger::after {
461
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
462
462
  display: none;
463
463
  }
464
464
  }
465
- .greese-Dialog,
466
- .greese-Menu,
467
- .greese-Popover {
465
+ .greese-Dialog:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
466
+ .greese-Menu:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
467
+ .greese-Popover:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
468
468
  --greese-shape-ring: var(--greese-color-border);
469
469
  isolation: isolate;
470
470
  border-color: transparent;
471
471
  clip-path: var(--greese-shape-clip) padding-box;
472
472
  }
473
- .greese-Dialog::after,
474
- .greese-Menu::after,
475
- .greese-Popover::after {
473
+ .greese-Dialog:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
474
+ .greese-Menu:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
475
+ .greese-Popover:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
476
476
  position: absolute;
477
477
  inset: 0;
478
478
  inline-size: auto;
@@ -485,30 +485,30 @@
485
485
  clip-path: var(--greese-shape-ring-clip);
486
486
  }
487
487
  @media (forced-colors: active) {
488
- .greese-Dialog,
489
- .greese-Menu,
490
- .greese-Popover {
488
+ .greese-Dialog:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
489
+ .greese-Menu:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
490
+ .greese-Popover:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
491
491
  clip-path: none;
492
492
  border-color: CanvasText;
493
493
  }
494
- .greese-Dialog::after,
495
- .greese-Menu::after,
496
- .greese-Popover::after {
494
+ .greese-Dialog:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
495
+ .greese-Menu:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
496
+ .greese-Popover:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
497
497
  display: none;
498
498
  }
499
499
  }
500
- .greese-Input,
501
- .greese-Select,
502
- .greese-Textarea {
500
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
501
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
502
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
503
503
  --greese-shape-ring: var(--greese-color-border-strong);
504
504
  position: relative;
505
505
  isolation: isolate;
506
506
  border-color: transparent;
507
507
  clip-path: var(--greese-shape-clip) padding-box;
508
508
  }
509
- .greese-Input::after,
510
- .greese-Select::after,
511
- .greese-Textarea::after {
509
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
510
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
511
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
512
512
  position: absolute;
513
513
  inset: 0;
514
514
  inline-size: auto;
@@ -520,44 +520,44 @@
520
520
  background: var(--greese-shape-ring);
521
521
  clip-path: var(--greese-shape-ring-clip);
522
522
  }
523
- .greese-Input:hover,
524
- .greese-Select:hover,
525
- .greese-Textarea:hover {
523
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):hover,
524
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):hover,
525
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):hover {
526
526
  --greese-shape-ring: var(--greese-color-fg-muted);
527
527
  }
528
- .greese-Input[aria-invalid=true], .greese-Input[data-invalid],
529
- .greese-Select[aria-invalid=true], .greese-Select[data-invalid],
530
- .greese-Textarea[aria-invalid=true], .greese-Textarea[data-invalid] {
528
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[aria-invalid=true], .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[data-invalid],
529
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[aria-invalid=true], .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[data-invalid],
530
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[aria-invalid=true], .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[data-invalid] {
531
531
  --greese-shape-ring: var(--greese-color-negative);
532
532
  }
533
533
  @media (prefers-reduced-motion: no-preference) {
534
- .greese-Input,
535
- .greese-Select,
536
- .greese-Textarea {
534
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
535
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
536
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
537
537
  transition: box-shadow var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
538
538
  }
539
539
  }
540
540
  @media (forced-colors: active) {
541
- .greese-Input,
542
- .greese-Select,
543
- .greese-Textarea {
541
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
542
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
543
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
544
544
  clip-path: none;
545
545
  border-color: CanvasText;
546
546
  }
547
- .greese-Input::after,
548
- .greese-Select::after,
549
- .greese-Textarea::after {
547
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
548
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after,
549
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
550
550
  display: none;
551
551
  }
552
552
  }
553
- .greese-OtpField-slot {
553
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
554
554
  --greese-shape-ring: var(--greese-color-border-strong);
555
555
  position: relative;
556
556
  isolation: isolate;
557
557
  border-color: transparent;
558
558
  clip-path: var(--greese-shape-clip) padding-box;
559
559
  }
560
- .greese-OtpField-slot::before {
560
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::before {
561
561
  position: absolute;
562
562
  inset: 0;
563
563
  inline-size: auto;
@@ -569,35 +569,35 @@
569
569
  background: var(--greese-shape-ring);
570
570
  clip-path: var(--greese-shape-ring-clip);
571
571
  }
572
- .greese-OtpField[data-invalid] .greese-OtpField-slot {
572
+ .greese-OtpField[data-invalid] .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
573
573
  --greese-shape-ring: var(--greese-color-negative);
574
574
  }
575
- .greese-OtpField-slot.greese-OtpField-slot--active {
575
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-OtpField-slot--active {
576
576
  --greese-shape-ring: var(--greese-color-focus-ring);
577
577
  --greese-shape-border: 2px;
578
578
  }
579
579
  @media (prefers-reduced-motion: no-preference) {
580
- .greese-OtpField-slot {
580
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
581
581
  transition: box-shadow var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
582
582
  }
583
583
  }
584
584
  @media (forced-colors: active) {
585
- .greese-OtpField-slot {
585
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
586
586
  clip-path: none;
587
587
  border-color: CanvasText;
588
588
  }
589
- .greese-OtpField-slot::before {
589
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::before {
590
590
  display: none;
591
591
  }
592
592
  }
593
- .greese-Segment {
593
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
594
594
  --greese-shape-ring: transparent;
595
595
  position: relative;
596
596
  isolation: isolate;
597
597
  border-color: transparent;
598
598
  clip-path: var(--greese-shape-clip) padding-box;
599
599
  }
600
- .greese-Segment::after {
600
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
601
601
  position: absolute;
602
602
  inset: 0;
603
603
  inline-size: auto;
@@ -609,31 +609,31 @@
609
609
  background: var(--greese-shape-ring);
610
610
  clip-path: var(--greese-shape-ring-clip);
611
611
  }
612
- .greese-Segment:has(:checked) {
612
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):has(:checked) {
613
613
  --greese-shape-ring: var(--greese-segment-current-ring, transparent);
614
614
  }
615
615
  @media (prefers-reduced-motion: no-preference) {
616
- .greese-Segment {
616
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
617
617
  transition: background-color var(--greese-duration-fast) var(--greese-easing-standard), color var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-t var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
618
618
  }
619
619
  }
620
620
  @media (forced-colors: active) {
621
- .greese-Segment {
621
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
622
622
  clip-path: none;
623
623
  border-color: CanvasText;
624
624
  }
625
- .greese-Segment::after {
625
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
626
626
  display: none;
627
627
  }
628
628
  }
629
- .greese-SegmentedControl-track {
629
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
630
630
  --greese-shape-ring: var(--greese-color-border);
631
631
  position: relative;
632
632
  isolation: isolate;
633
633
  border-color: transparent;
634
634
  clip-path: var(--greese-shape-clip) padding-box;
635
635
  }
636
- .greese-SegmentedControl-track::after {
636
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
637
637
  position: absolute;
638
638
  inset: 0;
639
639
  inline-size: auto;
@@ -646,27 +646,27 @@
646
646
  clip-path: var(--greese-shape-ring-clip);
647
647
  }
648
648
  @media (prefers-reduced-motion: no-preference) {
649
- .greese-SegmentedControl-track {
649
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
650
650
  transition: --greese-shape-t var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
651
651
  }
652
652
  }
653
653
  @media (forced-colors: active) {
654
- .greese-SegmentedControl-track {
654
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
655
655
  clip-path: none;
656
656
  border-color: CanvasText;
657
657
  }
658
- .greese-SegmentedControl-track::after {
658
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
659
659
  display: none;
660
660
  }
661
661
  }
662
- .greese-Tab {
662
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
663
663
  --greese-shape-ring: transparent;
664
664
  position: relative;
665
665
  isolation: isolate;
666
666
  border-color: transparent;
667
667
  clip-path: var(--greese-shape-clip) padding-box;
668
668
  }
669
- .greese-Tab::after {
669
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
670
670
  position: absolute;
671
671
  inset: 0;
672
672
  inline-size: auto;
@@ -678,32 +678,32 @@
678
678
  background: var(--greese-shape-ring);
679
679
  clip-path: var(--greese-shape-ring-clip);
680
680
  }
681
- .greese-Tab[aria-selected=true] {
681
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))[aria-selected=true] {
682
682
  --greese-shape-ring: var(--greese-tab-current-ring, transparent);
683
683
  --greese-shape-border: 1.5px;
684
684
  }
685
685
  @media (prefers-reduced-motion: no-preference) {
686
- .greese-Tab {
686
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
687
687
  transition: color var(--greese-duration-fast) var(--greese-easing-standard), background-color var(--greese-duration-fast) var(--greese-easing-standard), box-shadow var(--greese-duration-fast) var(--greese-easing-standard), --greese-shape-r var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-border var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-ring var(--greese-duration-normal) var(--greese-easing-standard), --greese-shape-bleed 0s linear;
688
688
  }
689
689
  }
690
690
  @media (forced-colors: active) {
691
- .greese-Tab {
691
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
692
692
  clip-path: none;
693
693
  border-color: CanvasText;
694
694
  }
695
- .greese-Tab::after {
695
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
696
696
  display: none;
697
697
  }
698
698
  }
699
- .greese-Toast {
699
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
700
700
  --greese-shape-ring: color-mix(in oklab, var(--greese-toast-edge) 45%, var(--greese-color-border-strong));
701
701
  position: relative;
702
702
  isolation: isolate;
703
703
  border-color: transparent;
704
704
  clip-path: var(--greese-shape-clip) padding-box;
705
705
  }
706
- .greese-Toast::after {
706
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
707
707
  position: absolute;
708
708
  inset: 0;
709
709
  inline-size: auto;
@@ -715,28 +715,28 @@
715
715
  background: var(--greese-shape-ring);
716
716
  clip-path: var(--greese-shape-ring-clip);
717
717
  }
718
- .greese-Toast {
718
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
719
719
  box-shadow: inset 3px 0 0 var(--greese-toast-edge);
720
720
  }
721
- .greese-Toast:dir(rtl) {
721
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):dir(rtl) {
722
722
  box-shadow: inset -3px 0 0 var(--greese-toast-edge);
723
723
  }
724
724
  @media (forced-colors: active) {
725
- .greese-Toast {
725
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
726
726
  clip-path: none;
727
727
  border-color: CanvasText;
728
728
  }
729
- .greese-Toast::after {
729
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
730
730
  display: none;
731
731
  }
732
732
  }
733
- .greese-Tooltip {
733
+ .greese-Tooltip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
734
734
  --greese-shape-ring: var(--greese-tooltip-border, transparent);
735
735
  isolation: isolate;
736
736
  border-color: transparent;
737
737
  clip-path: var(--greese-shape-clip) padding-box;
738
738
  }
739
- .greese-Tooltip::after {
739
+ .greese-Tooltip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
740
740
  position: absolute;
741
741
  inset: 0;
742
742
  inline-size: auto;
@@ -749,57 +749,57 @@
749
749
  clip-path: var(--greese-shape-ring-clip);
750
750
  }
751
751
  @media (forced-colors: active) {
752
- .greese-Tooltip {
752
+ .greese-Tooltip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
753
753
  clip-path: none;
754
754
  border-color: CanvasText;
755
755
  }
756
- .greese-Tooltip::after {
756
+ .greese-Tooltip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *))::after {
757
757
  display: none;
758
758
  }
759
759
  }
760
760
  .greese-shape-ticket-control,
761
- .greese-Button {
761
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
762
762
  --greese-shape-t: 10px;
763
763
  --greese-shape-border: 1px;
764
764
  --greese-shape-clip: polygon(calc(-1 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-t) + 0.847 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + 1.014 * var(--greese-shape-bleed)) 50%, calc(100% - var(--greese-shape-t) + 0.847 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)));
765
765
  --greese-shape-ring-clip: polygon(evenodd, 0 0, calc(100% - var(--greese-shape-t)) 0, 100% 50%, calc(100% - var(--greese-shape-t)) 100%, 0 100%, 0 0, calc(var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-t) - 0.847 * var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - 1.014 * var(--greese-shape-border)) 50%, calc(100% - var(--greese-shape-t) - 0.847 * var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(var(--greese-shape-border)));
766
766
  }
767
767
  .greese-shape-ticket-control:dir(rtl),
768
- .greese-Button:dir(rtl) {
768
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):dir(rtl) {
769
769
  --greese-shape-clip: polygon(calc(100% + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(var(--greese-shape-t) - 0.847 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * 1.014 * var(--greese-shape-bleed)) 50%, calc(var(--greese-shape-t) - 0.847 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)));
770
770
  --greese-shape-ring-clip: polygon(evenodd, 100% 100%, calc(var(--greese-shape-t)) 100%, 0 50%, calc(var(--greese-shape-t)) 0, 100% 0, 100% 100%, calc(100% - var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-t) + 0.847 * var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(1.014 * var(--greese-shape-border)) 50%, calc(var(--greese-shape-t) + 0.847 * var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(100% - var(--greese-shape-border)));
771
771
  }
772
- .greese-Button.greese-Button--size-sm {
772
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Button--size-sm {
773
773
  --greese-shape-t: 7px;
774
774
  }
775
- .greese-Button.greese-Button--size-xs {
775
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Button--size-xs {
776
776
  --greese-shape-t: 5px;
777
777
  }
778
- .greese-Button.greese-IconButton {
778
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-IconButton {
779
779
  --greese-shape-t: 5px;
780
780
  }
781
781
  @media (hover: hover) {
782
782
  .greese-shape-ticket-control:hover,
783
- .greese-Button:hover {
783
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):hover {
784
784
  --greese-shape-t: 15px;
785
785
  }
786
- .greese-Button.greese-Button--size-sm:hover {
786
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Button--size-sm:hover {
787
787
  --greese-shape-t: 10.5px;
788
788
  }
789
- .greese-Button.greese-Button--size-xs:hover,
790
- .greese-Button.greese-IconButton:hover {
789
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Button--size-xs:hover,
790
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-IconButton:hover {
791
791
  --greese-shape-t: 7.5px;
792
792
  }
793
793
  }
794
794
  .greese-shape-ticket-control:active,
795
- .greese-Button:active {
795
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):active {
796
796
  --greese-shape-t: 6px;
797
797
  }
798
- .greese-Button.greese-Button--size-sm:active {
798
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Button--size-sm:active {
799
799
  --greese-shape-t: 4.2px;
800
800
  }
801
- .greese-Button.greese-Button--size-xs:active,
802
- .greese-Button.greese-IconButton:active {
801
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Button--size-xs:active,
802
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-IconButton:active {
803
803
  --greese-shape-t: 3px;
804
804
  }
805
805
  .greese-shape-ticket-control:focus-visible {
@@ -807,24 +807,24 @@
807
807
  --greese-shape-bleed: 8px;
808
808
  transition-delay: 0s, 0s, 0s, var(--greese-duration-normal);
809
809
  }
810
- .greese-Button:focus-visible {
810
+ .greese-Button:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
811
811
  --greese-shape-t: 0px;
812
812
  --greese-shape-bleed: 8px;
813
813
  transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, var(--greese-duration-normal);
814
814
  }
815
815
  .greese-shape-ticket-field,
816
- .greese-Input,
817
- .greese-OtpField-slot,
818
- .greese-Select,
819
- .greese-Textarea {
816
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
817
+ .greese-OtpField-slot:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
818
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
819
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
820
820
  --greese-shape-r: 5px;
821
821
  --greese-shape-border: 1px;
822
822
  --greese-shape-clip: polygon(calc(-1 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-r) + 1.02 * var(--greese-shape-bleed)) 50%, calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(var(--greese-shape-r) - 1.02 * var(--greese-shape-bleed)) 50%, calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)));
823
823
  --greese-shape-ring-clip: polygon(evenodd, 0 0, 100% 0, 100% calc(50% - var(--greese-shape-r)), calc(100% - 0.383 * var(--greese-shape-r)) calc(50% - 0.924 * var(--greese-shape-r)), calc(100% - 0.707 * var(--greese-shape-r)) calc(50% - 0.707 * var(--greese-shape-r)), calc(100% - 0.924 * var(--greese-shape-r)) calc(50% - 0.383 * var(--greese-shape-r)), calc(100% - var(--greese-shape-r)) 50%, calc(100% - 0.924 * var(--greese-shape-r)) calc(50% + 0.383 * var(--greese-shape-r)), calc(100% - 0.707 * var(--greese-shape-r)) calc(50% + 0.707 * var(--greese-shape-r)), calc(100% - 0.383 * var(--greese-shape-r)) calc(50% + 0.924 * var(--greese-shape-r)), 100% calc(50% + var(--greese-shape-r)), 100% 100%, 0 100%, 0 calc(50% + var(--greese-shape-r)), calc(0.383 * var(--greese-shape-r)) calc(50% + 0.924 * var(--greese-shape-r)), calc(0.707 * var(--greese-shape-r)) calc(50% + 0.707 * var(--greese-shape-r)), calc(0.924 * var(--greese-shape-r)) calc(50% + 0.383 * var(--greese-shape-r)), calc(var(--greese-shape-r)) 50%, calc(0.924 * var(--greese-shape-r)) calc(50% - 0.383 * var(--greese-shape-r)), calc(0.707 * var(--greese-shape-r)) calc(50% - 0.707 * var(--greese-shape-r)), calc(0.383 * var(--greese-shape-r)) calc(50% - 0.924 * var(--greese-shape-r)), 0 calc(50% - var(--greese-shape-r)), 0 0, calc(var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(50% - var(--greese-shape-r) - 0.821 * var(--greese-shape-border)), calc(0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)) calc(50% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)), calc(0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)) calc(50% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)), calc(0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)) calc(50% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)), calc(var(--greese-shape-r) + 1.02 * var(--greese-shape-border)) 50%, calc(0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)) calc(50% + 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)), calc(0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)) calc(50% + 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)), calc(0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)) calc(50% + 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(50% + var(--greese-shape-r) + 0.821 * var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(50% + var(--greese-shape-r) + 0.821 * var(--greese-shape-border)), calc(100% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)) calc(50% + 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)), calc(100% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)) calc(50% + 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)), calc(100% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)) calc(50% + 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)), calc(100% - var(--greese-shape-r) - 1.02 * var(--greese-shape-border)) 50%, calc(100% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)) calc(50% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)), calc(100% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)) calc(50% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)), calc(100% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)) calc(50% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(50% - var(--greese-shape-r) - 0.821 * var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(var(--greese-shape-border)));
824
824
  }
825
- .greese-Input:has(:focus-visible),
826
- .greese-Select:has(:focus-visible),
827
- .greese-Textarea:has(:focus-visible) {
825
+ .greese-Input:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):has(:focus-visible),
826
+ .greese-Select:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):has(:focus-visible),
827
+ .greese-Textarea:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):has(:focus-visible) {
828
828
  --greese-shape-border: 3px;
829
829
  --greese-shape-ring: var(--greese-color-focus-ring);
830
830
  outline-color: transparent;
@@ -835,13 +835,13 @@
835
835
  transition-delay: 0s, 0s, 0s, var(--greese-duration-normal);
836
836
  }
837
837
  .greese-shape-ticket-container,
838
- .greese-AccordionItem > .greese-Collapsible-content,
839
- .greese-Card,
840
- .greese-Dialog,
841
- .greese-Menu,
842
- .greese-Popover,
843
- .greese-Tile,
844
- .greese-Toast {
838
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
839
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
840
+ .greese-Dialog:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
841
+ .greese-Menu:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
842
+ .greese-Popover:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
843
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
844
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
845
845
  --greese-shape-r: 12px;
846
846
  --greese-shape-border: 1px;
847
847
  --greese-shape-clip: polygon(calc(-1 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-r) + 1.02 * var(--greese-shape-bleed)) 50%, calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(var(--greese-shape-r) - 1.02 * var(--greese-shape-bleed)) 50%, calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)));
@@ -849,87 +849,87 @@
849
849
  }
850
850
  @media (hover: hover) {
851
851
  .greese-shape-ticket-container:hover,
852
- .greese-Card.greese-Card--interactive:hover {
852
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)).greese-Card--interactive:hover {
853
853
  --greese-shape-r: 16px;
854
854
  }
855
855
  }
856
856
  .greese-shape-ticket-container:focus-visible,
857
- .greese-AccordionItem > .greese-Collapsible-content:focus-visible,
858
- .greese-Card:focus-visible,
859
- .greese-Tile:focus-visible {
857
+ .greese-AccordionItem > .greese-Collapsible-content:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
858
+ .greese-Card:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
859
+ .greese-Tile:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
860
860
  --greese-shape-r: 0px;
861
861
  --greese-shape-bleed: 8px;
862
862
  transition-delay: 0s, 0s, 0s, var(--greese-duration-normal);
863
863
  }
864
- .greese-Dialog:focus-visible,
865
- .greese-Menu:focus-visible,
866
- .greese-Popover:focus-visible,
867
- .greese-Toast:focus-visible {
864
+ .greese-Dialog:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
865
+ .greese-Menu:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
866
+ .greese-Popover:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
867
+ .greese-Toast:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
868
868
  --greese-shape-r: 0px;
869
869
  --greese-shape-bleed: 8px;
870
870
  }
871
871
  .greese-shape-ticket-small,
872
- .greese-Alert,
873
- .greese-Collapsible-trigger,
874
- .greese-Tooltip {
872
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
873
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
874
+ .greese-Tooltip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
875
875
  --greese-shape-r: 7px;
876
876
  --greese-shape-border: 1px;
877
877
  --greese-shape-clip: polygon(calc(-1 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-r) + 1.02 * var(--greese-shape-bleed)) 50%, calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(var(--greese-shape-r) - 1.02 * var(--greese-shape-bleed)) 50%, calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)));
878
878
  --greese-shape-ring-clip: polygon(evenodd, 0 0, 100% 0, 100% calc(50% - var(--greese-shape-r)), calc(100% - 0.383 * var(--greese-shape-r)) calc(50% - 0.924 * var(--greese-shape-r)), calc(100% - 0.707 * var(--greese-shape-r)) calc(50% - 0.707 * var(--greese-shape-r)), calc(100% - 0.924 * var(--greese-shape-r)) calc(50% - 0.383 * var(--greese-shape-r)), calc(100% - var(--greese-shape-r)) 50%, calc(100% - 0.924 * var(--greese-shape-r)) calc(50% + 0.383 * var(--greese-shape-r)), calc(100% - 0.707 * var(--greese-shape-r)) calc(50% + 0.707 * var(--greese-shape-r)), calc(100% - 0.383 * var(--greese-shape-r)) calc(50% + 0.924 * var(--greese-shape-r)), 100% calc(50% + var(--greese-shape-r)), 100% 100%, 0 100%, 0 calc(50% + var(--greese-shape-r)), calc(0.383 * var(--greese-shape-r)) calc(50% + 0.924 * var(--greese-shape-r)), calc(0.707 * var(--greese-shape-r)) calc(50% + 0.707 * var(--greese-shape-r)), calc(0.924 * var(--greese-shape-r)) calc(50% + 0.383 * var(--greese-shape-r)), calc(var(--greese-shape-r)) 50%, calc(0.924 * var(--greese-shape-r)) calc(50% - 0.383 * var(--greese-shape-r)), calc(0.707 * var(--greese-shape-r)) calc(50% - 0.707 * var(--greese-shape-r)), calc(0.383 * var(--greese-shape-r)) calc(50% - 0.924 * var(--greese-shape-r)), 0 calc(50% - var(--greese-shape-r)), 0 0, calc(var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(50% - var(--greese-shape-r) - 0.821 * var(--greese-shape-border)), calc(0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)) calc(50% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)), calc(0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)) calc(50% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)), calc(0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)) calc(50% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)), calc(var(--greese-shape-r) + 1.02 * var(--greese-shape-border)) 50%, calc(0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)) calc(50% + 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)), calc(0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)) calc(50% + 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)), calc(0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)) calc(50% + 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(50% + var(--greese-shape-r) + 0.821 * var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(50% + var(--greese-shape-r) + 0.821 * var(--greese-shape-border)), calc(100% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)) calc(50% + 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-border)), calc(100% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)) calc(50% + 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-border)), calc(100% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)) calc(50% + 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-border)), calc(100% - var(--greese-shape-r) - 1.02 * var(--greese-shape-border)) 50%, calc(100% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)) calc(50% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)), calc(100% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)) calc(50% - 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-border)), calc(100% - 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-border)) calc(50% - 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(50% - var(--greese-shape-r) - 0.821 * var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(var(--greese-shape-border)));
879
879
  }
880
880
  .greese-shape-ticket-small:focus-visible,
881
- .greese-Alert:focus-visible {
881
+ .greese-Alert:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
882
882
  --greese-shape-r: 0px;
883
883
  --greese-shape-bleed: 8px;
884
884
  transition-delay: 0s, 0s, 0s, var(--greese-duration-normal);
885
885
  }
886
- .greese-Collapsible-trigger:focus-visible {
886
+ .greese-Collapsible-trigger:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
887
887
  --greese-shape-r: 0px;
888
888
  --greese-shape-bleed: 8px;
889
889
  transition-delay: 0s, 0s, 0s, 0s, var(--greese-duration-normal);
890
890
  }
891
- .greese-Tooltip:focus-visible {
891
+ .greese-Tooltip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
892
892
  --greese-shape-r: 0px;
893
893
  --greese-shape-bleed: 8px;
894
894
  }
895
895
  .greese-shape-ticket-indicator,
896
- .greese-Badge,
897
- .greese-Chip,
898
- .greese-Segment,
899
- .greese-SegmentedControl-track {
896
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
897
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
898
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
899
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
900
900
  --greese-shape-t: 6px;
901
901
  --greese-shape-border: 1px;
902
902
  --greese-shape-clip: polygon(calc(-1 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-t) + 0.936 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + 1.002 * var(--greese-shape-bleed)) 50%, calc(100% - var(--greese-shape-t) + 0.936 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)));
903
903
  --greese-shape-ring-clip: polygon(evenodd, 0 0, calc(100% - var(--greese-shape-t)) 0, 100% 50%, calc(100% - var(--greese-shape-t)) 100%, 0 100%, 0 0, calc(var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-t) - 0.936 * var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - 1.002 * var(--greese-shape-border)) 50%, calc(100% - var(--greese-shape-t) - 0.936 * var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-border)) calc(var(--greese-shape-border)));
904
904
  }
905
905
  .greese-shape-ticket-indicator:dir(rtl),
906
- .greese-Badge:dir(rtl),
907
- .greese-Chip:dir(rtl),
908
- .greese-Segment:dir(rtl),
909
- .greese-SegmentedControl-track:dir(rtl) {
906
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):dir(rtl),
907
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):dir(rtl),
908
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):dir(rtl),
909
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):dir(rtl) {
910
910
  --greese-shape-clip: polygon(calc(100% + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(var(--greese-shape-t) - 0.936 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * 1.002 * var(--greese-shape-bleed)) 50%, calc(var(--greese-shape-t) - 0.936 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)));
911
911
  --greese-shape-ring-clip: polygon(evenodd, 100% 100%, calc(var(--greese-shape-t)) 100%, 0 50%, calc(var(--greese-shape-t)) 0, 100% 0, 100% 100%, calc(100% - var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(var(--greese-shape-t) + 0.936 * var(--greese-shape-border)) calc(var(--greese-shape-border)), calc(1.002 * var(--greese-shape-border)) 50%, calc(var(--greese-shape-t) + 0.936 * var(--greese-shape-border)) calc(100% - var(--greese-shape-border)), calc(100% - var(--greese-shape-border)) calc(100% - var(--greese-shape-border)));
912
912
  }
913
- .greese-Segment:has(:focus-visible) {
913
+ .greese-Segment:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):has(:focus-visible) {
914
914
  --greese-shape-border: 3px;
915
915
  --greese-shape-ring: var(--greese-color-focus-ring);
916
916
  outline-color: transparent;
917
917
  }
918
918
  .greese-shape-ticket-indicator:focus-visible,
919
- .greese-Badge:focus-visible,
920
- .greese-SegmentedControl-track:focus-visible {
919
+ .greese-Badge:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
920
+ .greese-SegmentedControl-track:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
921
921
  --greese-shape-t: 0px;
922
922
  --greese-shape-bleed: 8px;
923
923
  transition-delay: 0s, 0s, 0s, var(--greese-duration-normal);
924
924
  }
925
- .greese-Chip:focus-visible {
925
+ .greese-Chip:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
926
926
  --greese-shape-t: 0px;
927
927
  --greese-shape-bleed: 8px;
928
928
  transition-delay: 0s, 0s, 0s, 0s, 0s, var(--greese-duration-normal);
929
929
  }
930
930
  .greese-shape-ticket-mark,
931
- .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar),
932
- .greese-Status:not(.greese-Status--pulse) {
931
+ .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)),
932
+ .greese-Status:not(.greese-Status--pulse):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
933
933
  --greese-shape-n: 4px;
934
934
  --greese-shape-border: 1px;
935
935
  --greese-shape-clip: polygon(calc(var(--greese-shape-n) - var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)) calc(var(--greese-shape-n) - var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(var(--greese-shape-n) - var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)), calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)) calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)), calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(var(--greese-shape-n) - var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(var(--greese-shape-n) - var(--greese-shape-bleed)) calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% - var(--greese-shape-n) + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(var(--greese-shape-n) - var(--greese-shape-bleed)), calc(var(--greese-shape-n) - var(--greese-shape-bleed)) calc(var(--greese-shape-n) - var(--greese-shape-bleed)));
@@ -940,13 +940,13 @@
940
940
  --greese-shape-bleed: 8px;
941
941
  transition-delay: 0s, 0s, 0s, var(--greese-duration-normal);
942
942
  }
943
- .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar):focus-visible,
944
- .greese-Status:not(.greese-Status--pulse):focus-visible {
943
+ .greese-Avatar:not(.greese-AvatarGroup-item > .greese-Avatar):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible,
944
+ .greese-Status:not(.greese-Status--pulse):where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)):focus-visible {
945
945
  --greese-shape-n: 0px;
946
946
  --greese-shape-bleed: 8px;
947
947
  }
948
948
  .greese-shape-ticket-tab,
949
- .greese-Tab {
949
+ .greese-Tab:where(:not(.greese-reset-shape, .greese-reset-shape *, .greese-reset, .greese-reset *)) {
950
950
  --greese-shape-r: 4px;
951
951
  --greese-shape-border: 1px;
952
952
  --greese-shape-clip: polygon(calc(-1 * var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(-1 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(100% - var(--greese-shape-r) + 1.02 * var(--greese-shape-bleed)) 50%, calc(100% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(100% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(100% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(100% + var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(100% + var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% + var(--greese-shape-r) - 0.821 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% + 0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% + 0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)), calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% + 0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)), calc(var(--greese-shape-r) - 1.02 * var(--greese-shape-bleed)) 50%, calc(0.924 * var(--greese-shape-r) - 0.942 * var(--greese-shape-bleed)) calc(50% - 0.383 * var(--greese-shape-r) + 0.39 * var(--greese-shape-bleed)), calc(0.707 * var(--greese-shape-r) - 0.721 * var(--greese-shape-bleed)) calc(50% - 0.707 * var(--greese-shape-r) + 0.721 * var(--greese-shape-bleed)), calc(0.383 * var(--greese-shape-r) - 0.39 * var(--greese-shape-bleed)) calc(50% - 0.924 * var(--greese-shape-r) + 0.942 * var(--greese-shape-bleed)), calc(-1 * var(--greese-shape-bleed)) calc(50% - var(--greese-shape-r) + 0.821 * var(--greese-shape-bleed)));