@poveste/controls 0.14.0 → 0.16.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 (60) hide show
  1. package/README.md +1 -1
  2. package/dist/HstColor-DHgxKTkm.es.js +2405 -0
  3. package/dist/HstDate-Ct5Jp_ZD.es.js +4954 -0
  4. package/dist/{HstJson-Dz6cYiFP.es.js → HstJson-D83KEa9o.es.js} +2846 -2554
  5. package/dist/HstWrapper-Bm5H3_to.es.js +2835 -0
  6. package/dist/PopoverTrigger-BVAfE9fE.es.js +974 -0
  7. package/dist/VisuallyHiddenInput-0it-_FH2.es.js +183 -0
  8. package/dist/components/HstCopyIcon.story.vue.d.ts +2 -1
  9. package/dist/components/HstCopyIcon.vue.d.ts +3 -2
  10. package/dist/components/HstTooltip.vue.d.ts +39 -0
  11. package/dist/components/HstWrapper.vue.d.ts +10 -9
  12. package/dist/components/button/HstButton.story.vue.d.ts +2 -1
  13. package/dist/components/button/HstButton.vue.d.ts +6 -5
  14. package/dist/components/button/HstButtonGroup.story.vue.d.ts +2 -1
  15. package/dist/components/button/HstButtonGroup.vue.d.ts +3 -2
  16. package/dist/components/checkbox/CheckboxVisual.vue.d.ts +7 -0
  17. package/dist/components/checkbox/HstCheckbox.story.vue.d.ts +2 -1
  18. package/dist/components/checkbox/HstCheckbox.vue.d.ts +4 -3
  19. package/dist/components/checkbox/HstCheckboxList.story.vue.d.ts +2 -1
  20. package/dist/components/checkbox/HstCheckboxList.vue.d.ts +3 -2
  21. package/dist/components/checkbox/HstSimpleCheckbox.story.vue.d.ts +2 -1
  22. package/dist/components/checkbox/HstSimpleCheckbox.vue.d.ts +8 -7
  23. package/dist/components/color/HstColor.story.vue.d.ts +3 -0
  24. package/dist/components/color/HstColor.vue.d.ts +25 -0
  25. package/dist/components/colorselect/HstColorSelect.story.vue.d.ts +2 -1
  26. package/dist/components/colorselect/HstColorSelect.vue.d.ts +4 -3
  27. package/dist/components/date/HstDate.story.vue.d.ts +3 -0
  28. package/dist/components/date/HstDate.vue.d.ts +30 -0
  29. package/dist/components/date/iso.d.ts +5 -0
  30. package/dist/components/design-tokens/HstColorShades.story.vue.d.ts +2 -1
  31. package/dist/components/design-tokens/HstColorShades.vue.d.ts +3 -2
  32. package/dist/components/design-tokens/HstTokenGrid.story.vue.d.ts +2 -1
  33. package/dist/components/design-tokens/HstTokenGrid.vue.d.ts +3 -3
  34. package/dist/components/design-tokens/HstTokenList.story.vue.d.ts +2 -1
  35. package/dist/components/design-tokens/HstTokenList.vue.d.ts +3 -2
  36. package/dist/components/json/HstJson.story.vue.d.ts +2 -1
  37. package/dist/components/json/HstJson.vue.d.ts +3 -2
  38. package/dist/components/json/serialize.d.ts +10 -12
  39. package/dist/components/number/HstNumber.story.vue.d.ts +2 -1
  40. package/dist/components/number/HstNumber.vue.d.ts +4 -3
  41. package/dist/components/radio/HstRadio.story.vue.d.ts +2 -1
  42. package/dist/components/radio/HstRadio.vue.d.ts +3 -2
  43. package/dist/components/select/CustomSelect.vue.d.ts +4 -3
  44. package/dist/components/select/HstSelect.story.vue.d.ts +2 -1
  45. package/dist/components/select/HstSelect.vue.d.ts +3 -2
  46. package/dist/components/slider/HstSlider.story.vue.d.ts +2 -1
  47. package/dist/components/slider/HstSlider.vue.d.ts +3 -2
  48. package/dist/components/text/HstText.story.vue.d.ts +2 -1
  49. package/dist/components/text/HstText.vue.d.ts +4 -3
  50. package/dist/components/textarea/HstTextarea.story.vue.d.ts +2 -1
  51. package/dist/components/textarea/HstTextarea.vue.d.ts +4 -3
  52. package/dist/index.d.ts +332 -50
  53. package/dist/index.es.css +1 -1
  54. package/dist/index.es.js +2179 -414
  55. package/dist/portal-target.d.ts +13 -0
  56. package/dist/style-standalone.css +126 -447
  57. package/dist/useKbd-DQM4Oqri.es.js +41 -0
  58. package/dist/useLocale-Dr4PRYn1.es.js +27 -0
  59. package/package.json +24 -22
  60. package/dist/HstWrapper-C557fRoN.es.js +0 -22
package/dist/index.es.css CHANGED
@@ -1,2 +1,2 @@
1
- .bind-col-size{grid-template-columns:repeat(auto-fill, minmax(var(--poveste-col-size), 1fr))}.v-popper{line-height:0}.v-popper--theme-dropdown .v-popper__inner:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850,#1f1f21);background-color:var(--color-gray-700,var(--color-zinc-700));color:var(--color-gray-100,var(--color-zinc-100))}.v-popper--theme-dropdown .v-popper__arrow-inner:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-700,var(--color-zinc-700))}.v-popper--theme-dropdown .v-popper__arrow-outer:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850,#1f1f21)}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transition:transform .15s cubic-bezier(0,1,.5,1);transform:none}.v-popper__popper:focus-visible{outline:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.range-input::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #00000040;border-radius:2147483647px}@supports (color:color-mix(in lab, red, red)){.range-input::-webkit-slider-thumb{border-color:color-mix(in oklab, var(--color-black,#000) 25%, transparent)}}.range-input::-webkit-slider-thumb{background-color:var(--color-white,#fff)}.range-input::-webkit-slider-thumb:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.range-input::-webkit-slider-thumb:where(.ptw-dark,.ptw-dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}.range-input::-webkit-slider-thumb:where(.ptw-dark,.ptw-dark *){background-color:var(--color-gray-700,var(--color-zinc-700))}.range-input:hover::-webkit-slider-thumb{border-color:var(--color-primary-500,var(--color-emerald-500))!important;background-color:var(--color-primary-500,var(--color-emerald-500))!important}.range-input::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #00000040;border-radius:2147483647px}@supports (color:color-mix(in lab, red, red)){.range-input::-moz-range-thumb{border-color:color-mix(in oklab, var(--color-black,#000) 25%, transparent)}}.range-input::-moz-range-thumb{background-color:var(--color-white,#fff)}.range-input::-moz-range-thumb:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.range-input::-moz-range-thumb:where(.ptw-dark,.ptw-dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}.range-input::-moz-range-thumb:where(.ptw-dark,.ptw-dark *){background-color:var(--color-gray-700,var(--color-zinc-700))}.range-input:hover::-moz-range-thumb{border-color:var(--color-primary-500,var(--color-emerald-500))!important;background-color:var(--color-primary-500,var(--color-emerald-500))!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.__poveste-json-code[data-v-e4c89a1b] .cm-editor{min-width:280px;height:100%}
1
+ .poveste-tooltip{color:#fff;z-index:100;background:#000c;border-radius:6px;padding:7px 12px 6px;line-height:normal}.poveste-tooltip-arrow{fill:#000c}.poveste-button{--_poveste-button-surface:var(--color-gray-200);--_poveste-button-surface-hover:var(--color-primary-200);--_poveste-button-text:var(--color-gray-900);border-radius:var(--radius-sm);background:var(--_poveste-button-surface);color:var(--_poveste-button-text);cursor:pointer;border:none}.poveste-button:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:var(--color-gray-750);--_poveste-button-surface-hover:var(--color-primary-900);--_poveste-button-text:var(--color-gray-100)}.poveste-button:hover{background:var(--_poveste-button-surface-hover)}.poveste-button[data-color=primary]{--_poveste-button-surface:var(--color-primary-500);--_poveste-button-surface-hover:var(--color-primary-600);--_poveste-button-text:var(--color-white)}.poveste-button[data-color=primary]:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:var(--color-primary-500);--_poveste-button-surface-hover:var(--color-primary-600);--_poveste-button-text:var(--color-black)}.poveste-button[data-color=flat]{--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}.poveste-button[data-color=flat]:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}.poveste-button-group{flex-wrap:nowrap;align-items:center}.poveste-button-group-options{border-radius:var(--radius-sm);border:1px solid #00000040;gap:1px;padding:1px;display:flex}.poveste-button-group-options:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-button-group-option{border-radius:3px;flex:1;height:22px;padding-inline:.25rem}.poveste-button-group-option[data-state=off]{--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}.poveste-button-group-option[data-state=on]{--_poveste-button-surface:var(--color-primary-500);--_poveste-button-surface-hover:var(--color-primary-600);--_poveste-button-text:var(--color-white)}.poveste-button-group-option[data-state=on]:where(.ptw-dark,.ptw-dark *){--_poveste-button-text:var(--color-black)}.poveste-simple-checkbox{box-sizing:border-box;width:16px;height:16px;color:var(--color-white);background:0 0;border:0;padding:0;display:block;position:relative}.poveste-simple-checkbox:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poveste-simple-checkbox-interactive{cursor:pointer}.poveste-checkbox-visual{display:block;position:absolute;inset:0}.poveste-checkbox-visual-box{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid #00000040;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.poveste-checkbox-visual-box{transition:border .15s ease-out .15s}}.poveste-checkbox-visual-box:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-box{border-color:var(--color-primary-500);border-width:8px}@media (prefers-reduced-motion:no-preference){.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-box{transition-delay:0s}}.poveste-simple-checkbox:hover .poveste-checkbox-visual-box{border-color:var(--color-primary-500)}.poveste-simple-checkbox:active .poveste-checkbox-visual-box{background:#6b728033}.poveste-checkbox-visual-check{z-index:10;position:relative}.poveste-checkbox-visual-check path{stroke:var(--color-white);stroke-width:2px}@media (prefers-reduced-motion:no-preference){.poveste-checkbox-visual-animated{transition:all .2s ease-in-out}.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-animated{transition-delay:.15s}}.poveste-checkbox{cursor:pointer;align-items:center}.poveste-checkbox-box{background:0 0;border:0;padding:0;display:block}.poveste-checkbox-box:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poveste-checkbox-list{cursor:text}.poveste-checkbox-list-options{margin-block:-.25rem}.poveste-checkbox-list-option{cursor:pointer;align-items:center;gap:.5rem;padding-block:.25rem;display:flex;position:relative}.poveste-checkbox-list-box{background:0 0;border:0;padding:0;display:block}.poveste-checkbox-list-box:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.bind-col-size{grid-template-columns:repeat(auto-fill, minmax(var(--poveste-col-size), 1fr))}.poveste-number{cursor:ew-resize;align-items:center}.poveste-number[data-dragging]{-webkit-user-select:none;user-select:none}.poveste-number-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;cursor:ew-resize;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem 0 .25rem .5rem}.poveste-number-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-number-input:focus{border-color:var(--color-primary-500)}.poveste-radio{cursor:text}.poveste-radio-options{margin-block:-.25rem}.poveste-radio-option{cursor:pointer;align-items:center;gap:.5rem;padding-block:.25rem;display:flex;position:relative}.poveste-radio-box{box-sizing:border-box;background:0 0;border:1px solid #00000040;border-radius:9999px;width:16px;height:16px;padding:0;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.poveste-radio-box{transition:border-color .15s ease-out}}.poveste-radio-box:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-radio-box:hover,.poveste-radio-box[data-state=checked]{border-color:var(--color-primary-500)}.poveste-radio-box:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poveste-radio-dot{background:var(--color-primary-500);border-radius:9999px;display:block;position:absolute;inset:3px;transform:scale(0)}@media (prefers-reduced-motion:no-preference){.poveste-radio-dot{transition:transform .2s ease-in-out}}[data-state=checked]>.poveste-radio-dot{transform:scale(1)}@media (prefers-reduced-motion:no-preference){[data-state=checked]>.poveste-radio-dot{transition-delay:.15s}}.poveste-select-trigger{border-radius:var(--radius-sm);width:100%;height:27px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #00000040;outline:none;align-items:center;gap:.5rem;margin-block:-.25rem;padding-inline:.5rem;line-height:normal;display:flex}.poveste-select-trigger:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-select-trigger:hover{border-color:var(--color-primary-500)}.poveste-select-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.poveste-select-chevron{flex:none;width:1rem;height:1rem;margin-left:auto}.poveste-select-popper{min-width:var(--reka-popper-anchor-width);z-index:100}.poveste-select-popper:focus-visible{outline:none}.poveste-select-popper[data-state=open]{animation:.15s cubic-bezier(0,1,.5,1) poveste-select-in}.poveste-select-options{max-height:var(--reka-popover-content-available-height);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-gray-50);color:var(--color-gray-900);overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-select-options:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850);background:var(--color-gray-700);color:var(--color-gray-100)}.poveste-select-list{flex-direction:column;display:flex}.poveste-select-list:focus-visible{outline:none}.poveste-select-option{cursor:pointer;outline:none;padding:.25rem .5rem}.poveste-select-option[data-state=checked]{background:var(--color-primary-200)}.poveste-select-option[data-state=checked]:where(.ptw-dark,.ptw-dark *){background:var(--color-primary-800)}.poveste-select-option[data-highlighted]{background:var(--color-primary-100)}.poveste-select-option[data-highlighted]:where(.ptw-dark,.ptw-dark *){background:var(--color-primary-700)}@keyframes poveste-select-in{0%{transform:scale(.75)}}.poveste-select{cursor:text;align-items:center}.poveste-slider{align-items:center}.poveste-slider-field{--_poveste-slider-thumb:.75rem;align-items:center;width:100%;display:flex;position:relative}.poveste-slider-track-area{align-items:center;display:flex;position:absolute;inset:0}.poveste-slider-track{border:1px solid #00000040;border-radius:9999px;width:100%;height:.25rem}.poveste-slider-track:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-slider-tooltip-anchor{left:calc(var(--_poveste-slider-fraction,0) * (100% - var(--_poveste-slider-thumb)) + var(--_poveste-slider-thumb) / 2);position:absolute}.poveste-slider-input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;margin:0;position:relative}.poveste-slider-input::-webkit-slider-thumb{width:var(--_poveste-slider-thumb);height:var(--_poveste-slider-thumb);appearance:none;background:var(--color-white);border:1px solid #00000040;border-radius:9999px}.poveste-slider-input:where(.ptw-dark,.ptw-dark *)::-webkit-slider-thumb{background:var(--color-gray-700);border-color:#ffffff40}.poveste-slider-input:hover::-webkit-slider-thumb{border-color:var(--color-primary-500);background:var(--color-primary-500)}.poveste-slider-input::-moz-range-thumb{width:var(--_poveste-slider-thumb);height:var(--_poveste-slider-thumb);appearance:none;background:var(--color-white);border:1px solid #00000040;border-radius:9999px}.poveste-slider-input:where(.ptw-dark,.ptw-dark *)::-moz-range-thumb{background:var(--color-gray-700);border-color:#ffffff40}.poveste-slider-input:hover::-moz-range-thumb{border-color:var(--color-primary-500);background:var(--color-primary-500)}.poveste-text{cursor:text;align-items:center}.poveste-text-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-text-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-text-input:focus{border-color:var(--color-primary-500)}.poveste-textarea{cursor:text}.poveste-textarea-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;min-height:26px;color:inherit;resize:vertical;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-textarea-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-textarea-input:focus{border-color:var(--color-primary-500)}.__poveste-json-code[data-v-4b978a74] .cm-editor{min-width:280px;height:100%}.poveste-date{align-items:center}.poveste-date-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.poveste-date-field{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid #00000040;align-items:center;gap:1px;height:27px;margin-block:-.25rem;padding-inline:.5rem;display:flex}.poveste-date-field:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-date-field:focus-within{border-color:var(--color-primary-500)}.poveste-date-segment{border-radius:var(--radius-sm);padding-inline:.125rem}.poveste-date-segment:focus{background:var(--color-primary-500);color:var(--color-white);outline:none}.poveste-date-segment[data-placeholder]{opacity:.5}.poveste-date-separator{opacity:.5}.poveste-date-trigger{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;margin-left:.25rem;padding:0;display:flex}.poveste-date-trigger:hover{opacity:1;color:var(--color-primary-500)}.poveste-date-icon{width:1rem;height:1rem}.poveste-date-calendar{z-index:100;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-gray-50);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-date-calendar:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850);background:var(--color-gray-700)}.poveste-date-calendar-body{padding:.5rem}.poveste-date-header{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.poveste-date-step{border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem;display:flex}.poveste-date-step:hover{background:var(--color-primary-100)}.poveste-date-step:hover:where(.ptw-dark,.ptw-dark *){background:var(--color-primary-800)}.poveste-date-grid{border-collapse:collapse}.poveste-date-weekday{opacity:.5;width:1.75rem;font-size:.75rem;font-weight:400}.poveste-date-day{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.poveste-date-day[data-outside-view]{opacity:.3}.poveste-date-day[data-today]{color:var(--color-primary-500);font-weight:700}.poveste-date-day:hover:not([data-selected]){background:var(--color-primary-100)}.poveste-date-day:hover:not([data-selected]):where(.ptw-dark,.ptw-dark *){background:var(--color-primary-800)}.poveste-date-day[data-selected]{background:var(--color-primary-500);color:var(--color-white)}.poveste-color{align-items:center}.poveste-color-row{align-items:center;gap:.5rem;width:100%;display:flex}.poveste-color-swatch{box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #00000040;flex:none;width:27px;height:27px;margin-block:-.25rem;padding:.125rem}.poveste-color-swatch:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-swatch:hover{border-color:var(--color-primary-500)}.poveste-color-swatch-fill{border-radius:var(--radius-sm);width:100%;height:100%}.poveste-color-field-root{flex-grow:1}.poveste-color-field{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-color-field:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-field:focus{border-color:var(--color-primary-500)}.poveste-color-picker{z-index:100;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-gray-50);flex-direction:column;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-color-picker:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850);background:var(--color-gray-700)}.poveste-color-area{width:10rem;height:8rem}.poveste-color-area-surface{border-radius:var(--radius-sm);width:100%;height:100%}.poveste-color-hue{width:10rem;height:.75rem}.poveste-color-hue-track{border-radius:9999px;width:100%;height:100%}.poveste-color-thumb{border:2px solid var(--color-white);border-radius:9999px;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #00000080}
2
2
  /*$vite$:1*/