@teammodlr/ui-kit 2.0.39 → 2.1.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 (96) hide show
  1. package/lib/components/avatar/Avatar.vue.d.ts +1 -1
  2. package/lib/components/avatargroup/AvatarGroup.vue.d.ts +1 -1
  3. package/lib/components/badge/Badge.vue.d.ts +1 -1
  4. package/lib/components/breadcrumb/Breadcrumb.vue.d.ts +1 -10
  5. package/lib/components/breadcrumb/BreadcrumbItem.vue.d.ts +1 -1
  6. package/lib/components/button/Button.vue.d.ts +2 -2
  7. package/lib/components/buttongroup/ButtonGroup.vue.d.ts +1 -1
  8. package/lib/components/checkbox/Checkbox.vue.d.ts +1 -1
  9. package/lib/components/colorpicker/ColorPicker.vue.d.ts +1 -1
  10. package/lib/components/dialog/Dialog.vue.d.ts +46 -0
  11. package/lib/components/dialog/DialogProvider.vue.d.ts +37 -0
  12. package/lib/components/dialog/props.d.ts +22 -0
  13. package/lib/components/dialog/providerProps.d.ts +8 -0
  14. package/lib/components/dialog/types.d.ts +27 -0
  15. package/lib/components/dialog/useDialog.d.ts +2 -0
  16. package/lib/components/dropdown/Dropdown.vue.d.ts +1 -1
  17. package/lib/components/dropdown/DropdownItem.vue.d.ts +1 -1
  18. package/lib/components/dropdown/DropdownList.vue.d.ts +1 -1
  19. package/lib/components/dropdown/DropdownSeperator.vue.d.ts +1 -1
  20. package/lib/components/dropdown/DropdownWrapper.vue.d.ts +1 -1
  21. package/lib/components/form/Form.vue.d.ts +1 -1
  22. package/lib/components/image/Image.vue.d.ts +1 -1
  23. package/lib/components/index.d.ts +3 -0
  24. package/lib/components/input/Input.vue.d.ts +3 -3
  25. package/lib/components/link/Link.vue.d.ts +1 -1
  26. package/lib/components/messageprovider/Message.vue.d.ts +2 -2
  27. package/lib/components/messageprovider/MessageProvider.vue.d.ts +3 -3
  28. package/lib/components/modal/Modal.vue.d.ts +10 -1
  29. package/lib/components/pagination/Pagination.vue.d.ts +1 -1
  30. package/lib/components/radio/Radio.vue.d.ts +13 -4
  31. package/lib/components/radiobutton/RadioButton.vue.d.ts +1 -1
  32. package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts +1 -1
  33. package/lib/components/renderer/examlpes/basic.vue.d.ts +2 -0
  34. package/lib/components/renderer/examlpes/index.d.ts +1 -0
  35. package/lib/components/renderer/props.d.ts +12 -0
  36. package/lib/components/renderer/renderer.d.ts +23 -0
  37. package/lib/components/select/Select.vue.d.ts +2 -2
  38. package/lib/components/select/style/Select.css.d.ts +2 -0
  39. package/lib/components/skeleton/Skeleton.vue.d.ts +1 -1
  40. package/lib/components/slider/Slider.vue.d.ts +1 -1
  41. package/lib/components/switch/Switch.vue.d.ts +1 -1
  42. package/lib/components/tab/Tab.vue.d.ts +1 -1
  43. package/lib/components/tab/TabGroup.vue.d.ts +1 -1
  44. package/lib/components/table/Table.vue.d.ts +1 -1
  45. package/lib/components/table/TableBody.vue.d.ts +1 -1
  46. package/lib/components/table/TableCell.vue.d.ts +1 -1
  47. package/lib/components/table/TableHead.vue.d.ts +1 -1
  48. package/lib/components/table/TableHeadRow.vue.d.ts +1 -1
  49. package/lib/components/table/TableRow.vue.d.ts +1 -1
  50. package/lib/components/tag/Tag.vue.d.ts +2 -2
  51. package/lib/components/textarea/Textarea.vue.d.ts +3 -3
  52. package/lib/components/tooltip/Tooltip.vue.d.ts +1 -1
  53. package/lib/components/transfer/Transfer.vue.d.ts +1 -1
  54. package/lib/components/virtualscroll/VirtualScroll.vue.d.ts +1 -1
  55. package/lib/composables/index.d.ts +1 -0
  56. package/lib/index.cjs.js +2 -8
  57. package/lib/index.es.js +2873 -3245
  58. package/lib/nuxt.plugin.js +1 -1
  59. package/lib/style.css +1 -1
  60. package/lib/styles/theme.css.d.ts +10 -10
  61. package/package.json +24 -27
  62. package/src/components/breadcrumb/Breadcrumb.vue +4 -8
  63. package/src/components/dialog/Dialog.vue +60 -0
  64. package/src/components/dialog/DialogProvider.vue +81 -0
  65. package/src/components/dialog/examples/basic.vue +48 -0
  66. package/src/components/dialog/examples/index.stories.ts +29 -0
  67. package/src/components/dialog/examples/index.ts +1 -0
  68. package/src/components/dialog/examples/wrapper.vue +9 -0
  69. package/src/components/dialog/props.ts +24 -0
  70. package/src/components/dialog/providerProps.ts +11 -0
  71. package/src/components/dialog/types.ts +34 -0
  72. package/src/components/dialog/useDialog.ts +12 -0
  73. package/src/components/index.ts +3 -0
  74. package/src/components/input/Input.vue +1 -1
  75. package/src/components/input/examples/basic.vue +0 -1
  76. package/src/components/input/style/Input.css.ts +1 -1
  77. package/src/components/messageprovider/MessageProvider.vue +7 -7
  78. package/src/components/messageprovider/style/Message.css.ts +2 -1
  79. package/src/components/modal/Modal.vue +14 -7
  80. package/src/components/radio/Radio.vue +32 -33
  81. package/src/components/radio/examples/basic.vue +2 -3
  82. package/src/components/radio/examples/group.vue +15 -0
  83. package/src/components/radio/examples/index.stories.ts +2 -0
  84. package/src/components/radio/examples/index.ts +1 -0
  85. package/src/components/renderer/examlpes/basic.vue +23 -0
  86. package/src/components/renderer/examlpes/index.stories.ts +18 -0
  87. package/src/components/renderer/examlpes/index.ts +1 -0
  88. package/src/components/renderer/props.ts +15 -0
  89. package/src/components/renderer/renderer.ts +16 -0
  90. package/src/components/select/Select.vue +7 -1
  91. package/src/components/select/style/Select.css.ts +25 -1
  92. package/src/composables/index.ts +2 -1
  93. package/src/composables/useZIndex.ts +5 -3
  94. package/src/examples/modal/modal.stories.ts +9 -0
  95. package/src/examples/modal/modal.vue +52 -0
  96. package/src/exports/nuxt.plugin.js +1 -1
package/lib/nuxt.plugin.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineNuxtPlugin } from '#app'
2
- import create from '../src/create'
2
+ import create from '../create'
3
3
 
4
4
  export default defineNuxtPlugin((nuxtApp) => {
5
5
  const UI = create(nuxtApp.$config.modlrUiOptions)
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .ntsf1m0{margin:0}.ntsf1m1{margin:4px}.ntsf1m2{margin:8px}.ntsf1m3{margin:12px}.ntsf1m4{margin:16px}.ntsf1m5{margin:18px}.ntsf1m6{margin:2px}.ntsf1m7{margin:6px}.ntsf1m8{margin:10px}.ntsf1m9{margin:14px}.ntsf1ma{border-radius:0}.ntsf1mb{border-radius:1px}.ntsf1mc{border-radius:2px}.ntsf1md{border-radius:4px}.ntsf1me{border-radius:6px}.ntsf1mf{border-radius:8px}.ntsf1mg{border-radius:12px}.ntsf1mh{border-radius:9999px}.ntsf1mi{font-size:14px}.ntsf1mj{font-size:10px}.ntsf1mk{font-size:12px}.ntsf1ml{font-size:16px}.ntsf1mm{font-size:18px}.ntsf1mn{font-size:20px}.ntsf1mo{box-shadow:0 3px 6px 1px #9aa1ab26}.ntsf1mp{box-shadow:0 4px 10px 1px #9aa1ab33}.ntsf1mq{box-shadow:0 7px 14px 1px #9aa1ab3b}.ntsf1mr{transition:cubic-bezier(.4,0,.2,1)}:root{--ntsf1ms: #1F2328;--ntsf1mt: #656d76;--ntsf1mu: #6e7781;--ntsf1mv: #24292f;--ntsf1mw: hsl(0,0%,98%);--ntsf1mx: #f9fbfd;--ntsf1my: #f6f8fa;--ntsf1mz: #f2f3f5;--ntsf1m10: #eaeef2;--ntsf1m11: #f3f4f6;--ntsf1m12: #d0d7de;--ntsf1m13: #afb8c1;--ntsf1m14: #8c959f;--ntsf1m15: #6e7781;--ntsf1m16: #57606a;--ntsf1m17: #424a53;--ntsf1m18: #32383f;--ntsf1m19: hsl(214,100%,96.9%);--ntsf1m1a: hsl(214,94.6%,92.7%);--ntsf1m1b: hsl(213,96.9%,87.3%);--ntsf1m1c: hsl(212,96.4%,78.4%);--ntsf1m1d: hsl(213,93.9%,67.8%);--ntsf1m1e: hsl(217,91.2%,59.8%);--ntsf1m1f: hsl(221,83.2%,53.3%);--ntsf1m1g: hsl(224,76.3%,48%);--ntsf1m1h: hsl(226,70.7%,40.2%);--ntsf1m1i: hsl(224,64.3%,32.9%);--ntsf1m1j: hsl(48,100%,96.1%);--ntsf1m1k: hsl(48,96.5%,88.8%);--ntsf1m1l: hsl(48,96.6%,76.7%);--ntsf1m1m: hsl(46,96.7%,64.5%);--ntsf1m1n: hsl(43,96.4%,56.3%);--ntsf1m1o: hsl(38,92.1%,50.2%);--ntsf1m1p: hsl(32,94.6%,43.7%);--ntsf1m1q: hsl(26,90.5%,37.1%);--ntsf1m1r: hsl(23,82.5%,31.4%);--ntsf1m1s: hsl(22,77.8%,26.5%);--ntsf1m1t: hsl(0,85.7%,97.3%);--ntsf1m1u: hsl(0,93.3%,94.1%);--ntsf1m1v: hsl(0,96.3%,89.4%);--ntsf1m1w: hsl(0,93.5%,81.8%);--ntsf1m1x: hsl(0,90.6%,70.8%);--ntsf1m1y: hsl(0,84.2%,60.2%);--ntsf1m1z: hsl(0,72.2%,50.6%);--ntsf1m20: hsl(0,73.7%,41.8%);--ntsf1m21: hsl(0,70%,35.3%);--ntsf1m22: hsl(0,62.8%,30.6%);--ntsf1m23: hsl(152,81%,95.9%);--ntsf1m24: hsl(149,80.4%,90%);--ntsf1m25: hsl(152,76%,80.4%);--ntsf1m26: hsl(156,71.6%,66.9%);--ntsf1m27: hsl(158,64.4%,51.6%);--ntsf1m28: hsl(160,84.1%,39.4%);--ntsf1m29: hsl(161,93.5%,30.4%);--ntsf1m2a: hsl(163,93.5%,24.3%);--ntsf1m2b: hsl(163,88.1%,19.8%);--ntsf1m2c: hsl(164,85.7%,16.5%);--ntsf1m2d: hsl(217,91.2%,59.8%);--ntsf1m2e: #D0D4E9;--ntsf1m2f: #C1C5E2;--ntsf1m2g: #A1A8D3;--ntsf1m2h: #828CC4;--ntsf1m2i: #636FB6;--ntsf1m2j: #4B57A0;--ntsf1m2k: #3C4680;--ntsf1m2l: #2E3561;--ntsf1m2m: #1F2442;--ntsf1m2n: #14172A;--ntsf1m2o: #0E101E;--ntsf1m2p: 0px;--ntsf1m2q: 4px;--ntsf1m2r: 8px;--ntsf1m2s: 12px;--ntsf1m2t: 16px;--ntsf1m2u: 18px;--ntsf1m2v: 2px;--ntsf1m2w: 6px;--ntsf1m2x: 10px;--ntsf1m2y: 14px;--ntsf1m2z: 14px;--ntsf1m30: 10px;--ntsf1m31: 12px;--ntsf1m32: 16px;--ntsf1m33: 18px;--ntsf1m34: 20px;--ntsf1m35: 0px 3px 6px 1px rgb(154 161 171 / 15%);--ntsf1m36: 0px 4px 10px 1px rgb(154 161 171 / 20%);--ntsf1m37: 0px 7px 14px 1px rgb(154 161 171 / 23%);--ntsf1m38: cubic-bezier(.4, 0, .2, 1);--ntsf1m39: 0px;--ntsf1m3a: 1px;--ntsf1m3b: 2px;--ntsf1m3c: 4px;--ntsf1m3d: 6px;--ntsf1m3e: 8px;--ntsf1m3f: 12px;--ntsf1m3g: 9999px}*{box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:var(--ntsf1ms)}strong,h1,h2,h3,h4,h5,h6{font-weight:500}._1rgsfqk2{width:var(--_1rgsfqk0);height:var(--_1rgsfqk0);border-radius:var(--_1rgsfqk1);background-color:var(--ntsf1m12);box-sizing:content-box;cursor:inherit;display:flex;flex-direction:column;justify-content:center;outline:none;overflow:hidden;position:static;border:0;padding:var(--ntsf1m2p);margin:var(--ntsf1m2q);color:var(--ntsf1m14);font-size:var(--ntsf1m31);align-items:center}._1rgsfqk3{--_1rgsfqk0: 16px;--_1rgsfqk1: 2px}._1rgsfqk4{--_1rgsfqk0: 24px;--_1rgsfqk1: 3px}._1rgsfqk5{--_1rgsfqk0: 32px;--_1rgsfqk1: 4px}._1rgsfqk6{--_1rgsfqk0: 40px;--_1rgsfqk1: 6px}._1rgsfqk7{--_1rgsfqk0: 96px;--_1rgsfqk1: 8px}._1rgsfqk8{display:flex;width:100%;height:100%;flex:1 1 100%}._1rgsfqk9{border-radius:9999px}._1rgsfqka{box-shadow:0 0 0 2px #fff}._4zgvid0{display:flex;line-height:1;list-style:none;padding:0}._4zgvid1{margin-right:-10px}.apht5f3{--apht5f2: 4px;box-sizing:border-box;appearance:none;border:0;display:inline-flex;position:static;border-radius:var(--apht5f2);background-color:var(--apht5f1);overflow:hidden;padding:var(--ntsf1m2v) var(--ntsf1m2q)}.apht5f4{color:var(--apht5f0);margin:0;padding:0;font-size:var(--ntsf1m30);font-weight:500;letter-spacing:.5px;text-transform:uppercase;line-height:var(--ntsf1m2z);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apht5f5{--apht5f1: var(--ntsf1m1e);--apht5f0: #FFFFFF}.apht5f6{--apht5f1: var(--ntsf1m2m);--apht5f0: #FFFFFF}.apht5f7{--apht5f0: white;--apht5f1: var(--ntsf1m14)}.apht5f8{--apht5f0: var(--ntsf1my);--apht5f1: var(--ntsf1m13)}.apht5f9{--apht5f1: var(--ntsf1m28);--apht5f0: #FFFFFF}.apht5fa{--apht5f1: var(--ntsf1m1n);--apht5f0: var(--ntsf1m17)}.apht5fb{--apht5f1: var(--ntsf1m1y);--apht5f0: #FFFFFF}.apht5fc{--apht5f1: var(--ntsf1m1a);--apht5f0: var(--ntsf1m1f)}.apht5fd{--apht5f1: var(--ntsf1m2f);--apht5f0: var(--ntsf1m2n)}.apht5fe{--apht5f1: var(--ntsf1my);--apht5f0: var(--ntsf1m15)}.apht5ff{--apht5f1: var(--ntsf1my);--apht5f0: var(--ntsf1m13)}.apht5fg{--apht5f1: var(--ntsf1m24);--apht5f0: var(--ntsf1m29)}.apht5fh{--apht5f1: var(--ntsf1m1k);--apht5f0: var(--ntsf1m1p)}.apht5fi{--apht5f1: var(--ntsf1m1u);--apht5f0: var(--ntsf1m1z)}._1j3winb0{display:flex;position:relative;margin:0;padding:0;list-style:none;box-sizing:border-box}._1j3winb1{display:flex;align-items:center;font-size:var(--ntsf1m2z)}._1j3winb2{padding:0 var(--ntsf1m2r);color:var(--ntsf1m15);cursor:pointer;text-decoration:none;outline:0;transition:color .2s var(--ntsf1m38)}._1j3winb2:hover{color:var(--ntsf1m1e)}._1j3winb3{padding:0 var(--ntsf1m2q);display:inline-flex;color:var(--ntsf1m12);user-select:none}._1j3winb0 ._1j3winb1:last-child ._1j3winb3{display:none}@keyframes button-wave-grow{0%{box-shadow:0 0 .5px 0 var(--_1s6j4ps5)}to{box-shadow:0 0 .5px 4.4px var(--_1s6j4ps5)}}@keyframes button-wave-opacity{0%{opacity:.5}90%{opacity:0}to{opacity:0}}@keyframes spin-around{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1s6j4ps7{align-items:center;box-sizing:border-box;display:inline-flex;font-size:var(--ntsf1m2z);font-weight:500;max-width:100%;width:auto;position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;justify-content:center;height:var(--_1s6j4ps0);line-height:var(--_1s6j4ps0);border-radius:var(--_1s6j4ps1);padding:var(--_1s6j4ps2);z-index:auto;background-color:var(--_1s6j4ps3);border:0;color:var(--_1s6j4ps6);transition:color .2s var(--ntsf1m38),background-color .25s var(--ntsf1m38),box-shadow .25s var(--ntsf1m38),border-color .25s var(--ntsf1m38);font-family:inherit}._1s6j4ps7:hover{cursor:pointer}._1s6j4ps7:focus{outline:none}._1s6j4ps8{--_1s6j4ps3: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e);--_1s6j4ps5: var(--ntsf1m1e);--_1s6j4ps6: #FFFFFF}._1s6j4ps8:hover{--_1s6j4ps3: var(--ntsf1m1f);--_1s6j4ps4: var(--ntsf1m1f)}._1s6j4ps8:focus{--_1s6j4ps3: var(--ntsf1m1f);--_1s6j4ps4: var(--ntsf1m1f)}._1s6j4ps9{--_1s6j4ps3: var(--ntsf1m2l);--_1s6j4ps4: var(--ntsf1m2l);--_1s6j4ps5: var(--ntsf1m2l);--_1s6j4ps6: #FFFFFF}._1s6j4ps9:hover{--_1s6j4ps3: var(--ntsf1m2m);--_1s6j4ps4: var(--ntsf1m2m)}._1s6j4ps9:focus{--_1s6j4ps3: var(--ntsf1m2n);--_1s6j4ps4: var(--ntsf1m2n)}._1s6j4psa{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: white;--_1s6j4ps5: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psa:hover{--_1s6j4ps6: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e)}._1s6j4psa:focus{--_1s6j4ps6: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e)}._1s6j4psb{--_1s6j4ps6: var(--ntsf1ms);--_1s6j4ps3: var(--ntsf1my);--_1s6j4ps5: var(--ntsf1m1a);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psb:hover{--_1s6j4ps6: var(--ntsf1ms);--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psb:focus{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psc{--_1s6j4ps3: var(--ntsf1m28);--_1s6j4ps4: var(--ntsf1m28);--_1s6j4ps5: var(--ntsf1m28);--_1s6j4ps6: #FFFFFF}._1s6j4psc:hover{--_1s6j4ps3: var(--ntsf1m29);--_1s6j4ps4: var(--ntsf1m29);--_1s6j4ps6: #FFFFFF}._1s6j4psc:focus{--_1s6j4ps4: var(--ntsf1m29);--_1s6j4ps3: var(--ntsf1m29)}._1s6j4psd{--_1s6j4ps3: var(--ntsf1m1n);--_1s6j4ps4: var(--ntsf1m1n);--_1s6j4ps5: var(--ntsf1m1n);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psd:hover{--_1s6j4ps3: var(--ntsf1m1o);--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps6: var(--ntsf1m18)}._1s6j4psd:focus{--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps3: var(--ntsf1m1o)}._1s6j4pse{--_1s6j4ps3: var(--ntsf1m1y);--_1s6j4ps4: var(--ntsf1m1y);--_1s6j4ps5: var(--ntsf1m1y);--_1s6j4ps6: #FFFFFF}._1s6j4pse:hover{--_1s6j4ps3: var(--ntsf1m1z);--_1s6j4ps4: var(--ntsf1m1z)}._1s6j4pse:focus{--_1s6j4ps4: var(--ntsf1m1z);--_1s6j4ps3: var(--ntsf1m1z)}._1s6j4psf{--_1s6j4ps3: var(--ntsf1m1a);--_1s6j4ps4: var(--ntsf1m1a);--_1s6j4ps6: var(--ntsf1m1e)}._1s6j4psf:hover{--_1s6j4ps3: var(--ntsf1m1b);--_1s6j4ps4: var(--ntsf1m1b);--_1s6j4ps6: var(--ntsf1m1f)}._1s6j4psf:focus{--_1s6j4ps3: var(--ntsf1m1b);--_1s6j4ps4: var(--ntsf1m1b);--_1s6j4ps6: var(--ntsf1m1f)}._1s6j4psg{--_1s6j4ps3: var(--ntsf1m2f);--_1s6j4ps4: var(--ntsf1m2f);--_1s6j4ps6: var(--ntsf1m2l)}._1s6j4psg:hover{--_1s6j4ps3: var(--ntsf1m2g);--_1s6j4ps4: var(--ntsf1m2g);--_1s6j4ps6: var(--ntsf1m2m)}._1s6j4psg:focus{--_1s6j4ps3: var(--ntsf1m2g);--_1s6j4ps4: var(--ntsf1m2g);--_1s6j4ps6: var(--ntsf1m2m)}._1s6j4psh{--_1s6j4ps3: var(--ntsf1my);--_1s6j4ps4: var(--ntsf1my);--_1s6j4ps6: var(--ntsf1m14)}._1s6j4psh:hover{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m15)}._1s6j4psh:focus{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m15)}._1s6j4psi{--_1s6j4ps3: var(--ntsf1my);--_1s6j4ps4: var(--ntsf1my);--_1s6j4ps6: var(--ntsf1m13)}._1s6j4psi:hover{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m14)}._1s6j4psi:focus{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m14)}._1s6j4psj{--_1s6j4ps3: var(--ntsf1m24);--_1s6j4ps4: var(--ntsf1m24);--_1s6j4ps6: var(--ntsf1m29)}._1s6j4psj:hover{--_1s6j4ps3: var(--ntsf1m25);--_1s6j4ps4: var(--ntsf1m25);--_1s6j4ps6: var(--ntsf1m2a)}._1s6j4psj:focus{--_1s6j4ps3: var(--ntsf1m25);--_1s6j4ps4: var(--ntsf1m25);--_1s6j4ps6: var(--ntsf1m2a)}._1s6j4psk{--_1s6j4ps3: var(--ntsf1m1k);--_1s6j4ps4: var(--ntsf1m1k);--_1s6j4ps6: var(--ntsf1m1p)}._1s6j4psk:hover{--_1s6j4ps3: var(--ntsf1m1l);--_1s6j4ps4: var(--ntsf1m1l);--_1s6j4ps6: var(--ntsf1m1q)}._1s6j4psk:focus{--_1s6j4ps3: var(--ntsf1m1l);--_1s6j4ps4: var(--ntsf1m1l);--_1s6j4ps6: var(--ntsf1m1q)}._1s6j4psl{--_1s6j4ps3: var(--ntsf1m1u);--_1s6j4ps4: var(--ntsf1m1u);--_1s6j4ps6: var(--ntsf1m1y)}._1s6j4psl:hover{--_1s6j4ps3: var(--ntsf1m1v);--_1s6j4ps4: var(--ntsf1m1v);--_1s6j4ps6: var(--ntsf1m1z)}._1s6j4psl:focus{--_1s6j4ps3: var(--ntsf1m1v);--_1s6j4ps4: var(--ntsf1m1v);--_1s6j4ps6: var(--ntsf1m1z)}._1s6j4psm{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1e)}._1s6j4psm:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1f);text-decoration:underline}._1s6j4psn{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2m)}._1s6j4psn:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2n);text-decoration:underline}._1s6j4pso{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m14)}._1s6j4pso:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m15);text-decoration:underline}._1s6j4psp{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m13)}._1s6j4psp:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m14);text-decoration:underline}._1s6j4psq{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m28)}._1s6j4psq:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m29);text-decoration:underline}._1s6j4psr{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1p)}._1s6j4psr:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1q);text-decoration:underline}._1s6j4pss{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1y)}._1s6j4pss:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1z);text-decoration:underline}._1s6j4pst{--_1s6j4ps0: 22px;--_1s6j4ps1: 2px;--_1s6j4ps2: 0 var(--ntsf1m2q);font-size:var(--ntsf1m31)}._1s6j4psu{--_1s6j4ps0: 28px;--_1s6j4ps1: 3px;--_1s6j4ps2: 0 var(--ntsf1m2r);font-size:var(--ntsf1m31)}._1s6j4psv{--_1s6j4ps0: 36px;--_1s6j4ps1: 4px;--_1s6j4ps2: 0 var(--ntsf1m2s)}._1s6j4psw{--_1s6j4ps0: 40px;--_1s6j4ps1: 6px;--_1s6j4ps2: 0 var(--ntsf1m2s);font-size:var(--ntsf1m32)}._1s6j4psx{--_1s6j4ps0: 45px;--_1s6j4ps1: 8px;--_1s6j4ps2: 0 var(--ntsf1m2t);font-size:var(--ntsf1m32)}._1s6j4psy{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;transition:border-color .2s ease-in-out}._1s6j4psz{border:1px solid var(--_1s6j4ps4)}._1s6j4ps10{border:1px solid transparent;z-index:1}._1s6j4ps7:hover ._1s6j4psz,._1s6j4ps7:focus ._1s6j4psz{border-color:transparent}._1s6j4ps7:hover ._1s6j4ps10,._1s6j4ps7:focus ._1s6j4ps10{border-color:var(--_1s6j4ps4)}._1s6j4ps11{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;animation-iteration-count:1;animation-duration:.5s;z-index:1;animation-timing-function:cubic-bezier(.4,0,.15,1),cubic-bezier(.4,0,.4,1)}._1s6j4ps12{z-index:1;animation-name:button-wave-grow,button-wave-opacity}._1s6j4ps13{display:flex;flex-grow:0;flex-shrink:0;font-size:0;line-height:0;user-select:none;padding:initial;height:var(--_1s6j4ps0);width:var(--_1s6j4ps0)}._1s6j4ps14{display:flex;flex-grow:0;flex-shrink:0;font-size:0;line-height:0;user-select:none}._1s6j4ps14>svg{overflow:hidden;pointer-events:none;max-width:100%;max-height:100%;vertical-align:middle}._1s6j4ps15{margin-right:var(--ntsf1m2r);position:relative}._1s6j4ps16{margin-left:var(--ntsf1m2r)}._1s6j4ps17{border-radius:9999px}._1s6j4ps18{display:flex;width:100%}._1s6j4ps19{pointer-events:none;color:transparent;user-select:none;opacity:.75}._1s6j4ps19:after{content:"";transition:all .2s ease-in-out;position:absolute;animation-iteration-count:infinite;animation-duration:.75s;animation-timing-function:cubic-bezier(.8,.5,.4,0);animation-name:spin-around;border-radius:var(--ntsf1m3g);border-color:transparent transparent var(--_1s6j4ps6) var(--_1s6j4ps6);border-style:solid;border-width:2px;display:block;height:1em;width:1em}.xlqdhj0{display:inline-flex;position:relative;flex-wrap:nowrap}.xlqdhj0>._1s6j4ps7:first-child:not(:last-child){margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.xlqdhj0>._1s6j4ps7:not(:first-child):not(:last-child){margin-left:0;border-radius:0;margin-right:0}.xlqdhj0>._1s6j4ps7:not(:first-child) ._1s6j4psz{border-left-width:0}.xlqdhj0>._1s6j4ps7:last-child:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.xlqdhj0>._1s6j4ps7:not(:first-child) ._1s6j4ps10{left:-1px}.xlqdhj1{flex-direction:column}.x8ms5j5{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--ntsf1m2w)}.x8ms5j6{position:absolute;opacity:0;cursor:pointer}.x8ms5j7{position:absolute;width:calc(var(--x8ms5j0) - 2px);height:calc(var(--x8ms5j0) - 2px);top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.x8ms5j8{--x8ms5j0: 20px;--x8ms5j1: 4px;--x8ms5j2: white;--x8ms5j3: var(--ntsf1m12);--x8ms5j4: var(--ntsf1m15);position:relative;width:var(--x8ms5j0);height:var(--x8ms5j0);border-radius:var(--x8ms5j1);background-color:var(--x8ms5j2);border:1px solid var(--x8ms5j3);color:var(--x8ms5j4);cursor:pointer;transition:all .125s var(--ntsf1m38)}.x8ms5j8:hover{--x8ms5j3: var(--ntsf1m13)}.x8ms5j9{--x8ms5j3: var(--ntsf1m1e);--x8ms5j2: var(--ntsf1m1e)}.x8ms5j9:after{content:""}.x8ms5j9:hover{--x8ms5j3: var(--ntsf1m1e)}.x8ms5ja{opacity:.5;cursor:not-allowed}.x8ms5jb{--x8ms5j3: var(--ntsf1m1e);--x8ms5j2: var(--ntsf1m1e)}.x8ms5jc{margin-left:var(--ntsf1m2v);font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer}.x8ms5jd{--x8ms5j0: 16px}.x8ms5je{--x8ms5j0: 18px}.x8ms5jf{--x8ms5j0: 20px}.x8ms5jg{--x8ms5j0: 22px}.x8ms5jh{--x8ms5j0: 24px}.x8ms5j5 .x8ms5j6:focus+.x8ms5j8{--x8ms5j3: var(--ntsf1m1e);box-shadow:0 0 0 2px var(--ntsf1m1b)}._1wz91940{display:flex;flex-direction:column;width:280px;align-items:center;gap:10px;user-select:none;z-index:100;background-color:#fff;border-radius:5px;padding:var(--ntsf1m2s);border:1px solid var(--ntsf1m10);box-shadow:var(--ntsf1m36)}._1wz91941{transform:translate(-50%,-50%);position:absolute;width:14px;height:14px;border-radius:50%;background-color:transparent;border:2px solid white;box-shadow:var(--ntsf1m35);cursor:crosshair;user-select:none}._1wz91942{background-color:transparent;outline:none;border:0;color:var(--ntsf1m15);width:32px;height:32px;border-radius:var(--ntsf1m3c);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}._1wz91942:hover{background-color:var(--ntsf1my);color:var(--ntsf1m16)}._1wz91943{background-image:linear-gradient(45deg,#bebebe 25%,transparent 25%),linear-gradient(-45deg,#bebebe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bebebe 75%),linear-gradient(-45deg,transparent 75%,#bebebe 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;overflow:hidden;min-width:32px;min-height:32px;width:32px;height:32px;border-radius:100%;border:1px solid var(--ntsf1m10)}._1wz91944{position:relative;height:160px;width:100%;cursor:crosshair}._1wz91945{background-image:linear-gradient(45deg,#bebebe 25%,transparent 25%),linear-gradient(-45deg,#bebebe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bebebe 75%),linear-gradient(-45deg,transparent 75%,#bebebe 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;overflow:hidden;min-width:28px;min-height:28px;width:28px;height:28px;border-radius:var(--ntsf1m3c);position:relative;cursor:pointer;user-select:none}._1wz91946{position:absolute;top:0;left:0;right:0;bottom:0}._1wz91947{display:flex;gap:var(--ntsf1m2r);width:100%;align-items:center;justify-content:space-between}._1wz91948{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#FFF,rgba(255,255,255,0))}._1wz91949{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#000,transparent)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scale{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}@keyframes modal{0%{opacity:0;scale:.95;transform-origin:bottom;transform:translateY(10%)}to{opacity:1;scale:1;transform:translateY(0)}}._1b2bhsj0{animation:.2s fade var(--ntsf1m38)}._1b2bhsj1{animation:.2s fade var(--ntsf1m38) reverse}._1b2bhsj2,._1b2bhsj3{opacity:0}._1b2bhsj4{animation:.12s scale var(--ntsf1m38)}._1b2bhsj5{animation:.12s scale var(--ntsf1m38) reverse}._1b2bhsj6,._1b2bhsj7{opacity:0}._1b2bhsj8{animation:.18s modal var(--ntsf1m38)}._1b2bhsj9{animation:.18s modal var(--ntsf1m38) reverse}._1b2bhsja,._1b2bhsjb{opacity:0}._16zb7bi0{user-select:none;position:relative;height:14px}._16zb7bi1{user-select:none;position:absolute;height:14px;background-image:linear-gradient(45deg,#bebebe 25%,transparent 25%),linear-gradient(-45deg,#bebebe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bebebe 75%),linear-gradient(-45deg,transparent 75%,#bebebe 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0px;overflow:hidden;top:0;left:0;right:0;bottom:0;border-radius:6px}._16zb7bi2{position:absolute;top:0;left:0;right:0;bottom:0}._16zb7bi3{transform:translate(-50%);position:absolute;top:-2px;width:18px;height:18px;border-radius:50%;background-color:#ffffff80;border:2px solid white;box-shadow:0 0 3px #000;cursor:e-resize}.sy3isg8{position:relative}.sy3isg9{--sy3isg0: 38px;--sy3isg1: 4px;--sy3isg2: var(--ntsf1m2r);--sy3isg3: var(--ntsf1m2v);--sy3isg4: var(--ntsf1m12);--sy3isg6: var(--ntsf1mv);--sy3isg5: #FFFFFF;--sy3isg7: text;height:var(--sy3isg0);min-height:var(--sy3isg0);width:100%;border-radius:var(--sy3isg1);border-width:1px;border-style:solid;border-color:var(--sy3isg4);padding:var(--sy3isg3) var(--sy3isg2);font-size:var(--ntsf1m2z);display:flex;align-items:center;text-align:left;appearance:none;line-height:var(--sy3isg0);box-sizing:border-box;resize:none;box-shadow:none;color:var(--sy3isg6);transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38)}.sy3isg9:hover{--sy3isg4: var(--ntsf1m1d)}.sy3isg9:focus-within{--sy3isg4: var(--ntsf1m1e);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1b)}.sy3isga{width:100%;height:100%;border:none;outline:none;background:none;color:inherit;font-size:inherit;line-height:inherit;appearance:none;resize:none}.sy3isgb{--sy3isg0: 26px;--sy3isg1: 2px;--sy3isg2: var(--ntsf1m2q);font-size:var(--ntsf1m31)}.sy3isgc{--sy3isg0: 30px;--sy3isg1: 3px;--sy3isg2: var(--ntsf1m2w);font-size:var(--ntsf1m31)}.sy3isgd{--sy3isg0: 38px;--sy3isg1: 4px}.sy3isge{--sy3isg0: 42px;--sy3isg1: 6px;--sy3isg2: var(--ntsf1m2x);font-size:var(--ntsf1m32)}.sy3isgf{--sy3isg0: 48px;--sy3isg1: 8px;--sy3isg2: var(--ntsf1m2s);font-size:var(--ntsf1m32)}.sy3isgg{width:100%}.sy3isgh{--sy3isg4: var(--ntsf1m10);--sy3isg6: var(--ntsf1m14);--sy3isg5: var(--ntsf1mw);--sy3isg7: not-allowed}.sy3isgh:focus{box-shadow:none}.sy3isgh:hover{cursor:not-allowed}.sy3isgi{font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2q);color:var(--ntsf1mv)}.sy3isgj{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);line-height:var(--ntsf1m32);word-break:break-word;margin-bottom:var(--ntsf1m2w)}.sy3isgk{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m1z);word-break:break-word;margin-top:var(--ntsf1m2w)}.sy3isgl{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);word-break:break-word;margin-top:var(--ntsf1m2w)}.sy3isgm,.sy3isgm:hover{--sy3isg4: var(--ntsf1m1y)}.sy3isgm:focus{--sy3isg4: var(--ntsf1m1y);box-shadow:0 0 0 2px var(--ntsf1m1v)}.sy3isgn{pointer-events:none;position:absolute;z-index:1;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.25rem;color:var(--ntsf1m13)}.sy3isgo{padding-left:2.25rem}.sy3isgp{pointer-events:none;position:absolute;z-index:1;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.25rem;color:var(--ntsf1m13)}.sy3isgq{padding-right:2.25rem}.sy3isgr{pointer-events:none;margin-right:var(--ntsf1m2s);margin-left:var(--ntsf1m2q);color:var(--ntsf1m14);font-size:var(--ntsf1m31);user-select:none;position:relative}.sy3isgr:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:1px;height:16px;background-color:var(--ntsf1m12)}.sy3isgs{pointer-events:none;margin-right:var(--ntsf1m2q);margin-left:var(--ntsf1m2s);color:var(--ntsf1m14);font-size:var(--ntsf1m31);user-select:none;position:relative}.sy3isgs:after{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:1px;height:16px;background-color:var(--ntsf1m12)}._2y08mp0{background-color:#fff;border-radius:5px;padding:5px 0;z-index:4000;box-sizing:border-box;position:relative;min-width:200px;max-width:350px;border:1px solid var(--ntsf1m12);box-shadow:var(--ntsf1m36)}._2y08mp1{list-style:none;margin:0;padding:0}._2y08mp2{position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m2z);padding-block:var(--ntsf1m2w);padding-inline:var(--ntsf1m2s);gap:var(--ntsf1m2r);color:var(--ntsf1m17);transition:background-color .05s ease-in-out;text-decoration:none}._2y08mp2:hover{background-color:var(--ntsf1my)}._2y08mp3{flex:1;white-space:nowrap}._2y08mp4{display:flex;align-items:center}._2y08mp5{height:1px;background-color:var(--ntsf1m10);margin-block:var(--ntsf1m2q)}.cib2cp1{--cib2cp0: var(--ntsf1m2t);display:flex;flex-direction:column;gap:var(--cib2cp0)}.rc3srv4{position:fixed;z-index:5000;height:0;display:flex;flex-direction:column;align-items:center;gap:var(--ntsf1m2x);top:var(--rc3srv0);left:var(--rc3srv1);right:var(--rc3srv2);transform-origin:top center}.rc3srv5{position:relative;display:flex;gap:var(--ntsf1m2r);background:#FFF;box-shadow:var(--ntsf1m35);border:1px solid var(--ntsf1m12);border-radius:6px;padding:9px 12px;pointer-events:all;font-size:var(--ntsf1m2z);color:var(--ntsf1mv);align-items:center;transition:top .3s ease-out .5s,bottom .3s ease-out .5s}.rc3srv6{--rc3srv0: 12px;--rc3srv1: 0;--rc3srv2: 0}.rc3srv7{--rc3srv0: 12px;--rc3srv1: 12px;--rc3srv2: unset}.rc3srv8{--rc3srv0: 12px;--rc3srv1: unset;--rc3srv2: 12px}.rc3srv9{align-self:center;grid-area:1 / 1 / 3;width:22px;height:22px;color:var(--rc3srv3)}.rc3srva{align-self:center;grid-area:1 / 2 / 3}.rc3srvb{--rc3srv3: var(--ntsf1m1e)}.rc3srvc{--rc3srv3: var(--ntsf1m28)}.rc3srvd{--rc3srv3: var(--ntsf1m1o)}.rc3srve{--rc3srv3: var(--ntsf1m1y)}.rc3srvf,.rc3srvg{--rc3srv3: var(--ntsf1m14)}@keyframes fade-out-background-animation{0%{opacity:1}to{opacity:0}}@keyframes fade-in-background-animation{0%{opacity:0}to{opacity:1}}@keyframes fade-out-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fade-in-animation{0%{opacity:0;transform:scale(.5);left:var(--_1iwo5bc3);top:var(--_1iwo5bc4)}70%{opacity:1;transform:scale(1.03);left:0;top:0}to{opacity:1;transform:scale(1)}}@keyframes fade-in-animation-no-bounce{0%{opacity:0;transform:scale(.5);left:var(--_1iwo5bc3);top:var(--_1iwo5bc4)}60%{opacity:1}to{opacity:1;transform:scale(1);left:0;top:0}}._1iwo5bc5{--_1iwo5bc0: 300px}._1iwo5bc6{--_1iwo5bc0: 400px}._1iwo5bc7{--_1iwo5bc0: 640px}._1iwo5bc8{--_1iwo5bc0: 800px}._1iwo5bc9{--_1iwo5bc0: 1140px}._1iwo5bca{z-index:100;background-color:#737373b3;position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}._1iwo5bcb{background-color:#fff;width:100%;max-width:var(--_1iwo5bc0);border-radius:var(--ntsf1m3d);box-shadow:0 1px 2px -2px #00000014,0 3px 6px #0000000f,0 5px 12px 4px #0000000a;border:1px solid rgba(0,0,0,.45);display:flex;flex-direction:column;position:relative}._1iwo5bcc{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ntsf1m2t) var(--ntsf1m2t) 0 var(--ntsf1m2t);flex-shrink:0}._1iwo5bcd{margin:0;font-size:var(--ntsf1m33);font-weight:500;display:flex;align-items:center;color:var(--ntsf1ms)}._1iwo5bce{outline:none var(--ntsf1m12);display:inline-block;position:relative;width:1.5rem;height:1.5rem;background-color:transparent;border:none;padding:0;cursor:pointer;transition:all .2s;border-radius:var(--ntsf1m3g);margin-left:var(--ntsf1m2r)}._1iwo5bce:hover{background-color:var(--ntsf1mz)}._1iwo5bce:focus{background-color:var(--ntsf1mz)}._1iwo5bce:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.8rem;height:2px;background-color:var(--ntsf1m14);transform-origin:center;transition:all .2s}._1iwo5bce:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:.8rem;height:2px;background-color:var(--ntsf1m14);transform-origin:center;transition:all .2s}._1iwo5bcf{padding:var(--ntsf1m2t);display:flex;flex-direction:column;flex-grow:1;color:var(--ntsf1mv)}._1iwo5bcg{display:flex;width:100%;align-items:center;padding:0 var(--ntsf1m2t) var(--ntsf1m2t) var(--ntsf1m2t)}._1iwo5bch{animation-name:fade-in-animation-no-bounce;animation-duration:.2s;animation-timing-function:ease-in-out;transition:transform .3s ease-out}._1iwo5bci{animation-name:fade-in-animation;animation-duration:.25s;animation-timing-function:ease-in-out;transition:var(--ntsf1m38)}._1iwo5bcj{animation-name:fade-out-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1iwo5bck{animation-name:fade-in-background-animation;animation-duration:.1s;animation-timing-function:ease-in-out}._1iwo5bcl{animation-name:fade-out-background-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1vreayh2{display:inline-flex;align-items:center;font-size:var(--ntsf1m31);box-sizing:border-box}._1vreayh3{display:inline-flex;align-items:center;font-size:var(--ntsf1m31);box-sizing:border-box;gap:var(--ntsf1m2x)}._1vreayh4{display:inline-flex;align-items:center;margin:0;gap:var(--ntsf1m2q)}._1vreayh5{--_1vreayh0: transparent;--_1vreayh1: var(--ntsf1m16);height:28px;width:28px;border-radius:var(--ntsf1m3c);outline:none;border:none;font-size:inherit;padding:0px var(--ntsf1m2r);display:flex;align-items:center;justify-content:center;line-height:1;color:var(--_1vreayh1);background-color:var(--_1vreayh0);cursor:pointer}._1vreayh5:hover{--_1vreayh0: var(--ntsf1mz)}._1vreayh6{--_1vreayh0: var(--ntsf1m1f);--_1vreayh1: #FFF}._1vreayh6:hover{--_1vreayh0: var(--ntsf1m1g)}._1vreayh7{height:calc(1em + 2px);width:calc(1em + 2px);display:inline-block;font-size:inherit;user-select:none}._9ebxua5{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--ntsf1m2w)}._9ebxua6{position:absolute;opacity:0;cursor:pointer}._9ebxua7{position:absolute;width:calc(var(--_9ebxua0) - 2px);height:calc(var(--_9ebxua0) - 2px);top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}._9ebxua8{--_9ebxua0: 20px;--_9ebxua1: var(--ntsf1m3g);--_9ebxua2: white;--_9ebxua3: var(--ntsf1m12);--_9ebxua4: var(--ntsf1m15);position:relative;width:var(--_9ebxua0);height:var(--_9ebxua0);border-radius:var(--_9ebxua1);background-color:var(--_9ebxua2);border:1px solid var(--_9ebxua3);color:var(--_9ebxua4);cursor:pointer;transition:all .125s var(--ntsf1m38)}._9ebxua9{--_9ebxua3: var(--ntsf1m1e);--_9ebxua2: var(--ntsf1m1e)}._9ebxua9:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--_9ebxua0) - 10px);height:calc(var(--_9ebxua0) - 10px);border-radius:var(--ntsf1m3g);background-color:#fff}._9ebxuaa{opacity:.5;cursor:not-allowed}._9ebxuab{--_9ebxua3: var(--ntsf1m1e);--_9ebxua2: var(--ntsf1m1e)}._9ebxuac{margin-left:var(--ntsf1m2v);font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer}._9ebxuad{--_9ebxua0: 16px}._9ebxuae{--_9ebxua0: 18px}._9ebxuaf{--_9ebxua0: 20px}._9ebxuag{--_9ebxua0: 22px}._9ebxuah{--_9ebxua0: 24px}._17j4o87{--_17j4o84: transparent;align-items:center;box-sizing:border-box;display:inline-flex;font-size:var(--ntsf1m2z);font-weight:500;max-width:100%;width:auto;position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;justify-content:center;height:var(--_17j4o80);line-height:var(--_17j4o80);border-radius:var(--_17j4o81);padding:var(--_17j4o82);z-index:auto;background-color:var(--_17j4o83);border:1px solid var(--_17j4o84);color:var(--_17j4o86);transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38);font-family:inherit}._17j4o87:hover{cursor:pointer}._17j4o87:focus{outline:none}._17j4o88{--_17j4o83: white;--_17j4o86: var(--ntsf1m1e);--_17j4o85: var(--ntsf1m18);--_17j4o84: var(--ntsf1m10);box-shadow:0 .5px 0 4px #00000003}._17j4o88:hover{--_17j4o86: var(--ntsf1m1f)}._17j4o88:focus{--_17j4o86: var(--ntsf1m1e)}._17j4o89{--_17j4o86: var(--ntsf1m13);--_17j4o83: transparent;--_17j4o85: var(--ntsf1m1e);--_17j4o84: transparent}._17j4o89:hover{--_17j4o86: var(--ntsf1m1d)}._17j4o89:focus{--_17j4o86: var(--ntsf1m1d)}._17j4o8a{--_17j4o80: 22px;--_17j4o81: 2px;--_17j4o82: 0 var(--ntsf1m2q);font-size:var(--ntsf1m31)}._17j4o8b{--_17j4o80: 28px;--_17j4o81: 3px;--_17j4o82: 0 var(--ntsf1m2r);font-size:var(--ntsf1m31)}._17j4o8c{--_17j4o80: 36px;--_17j4o81: 4px;--_17j4o82: 0 var(--ntsf1m2s)}._17j4o8d{--_17j4o80: 40px;--_17j4o81: 6px;--_17j4o82: 0 var(--ntsf1m2s);font-size:var(--ntsf1m32)}._17j4o8e{--_17j4o80: 45px;--_17j4o81: 8px;--_17j4o82: 0 var(--ntsf1m2t);font-size:var(--ntsf1m32)}._17j4o8f{display:flex;flex-grow:0;flex-shrink:0;font-size:0;line-height:0;user-select:none}._17j4o8f>svg{overflow:hidden;pointer-events:none;max-width:100%;max-height:100%;vertical-align:middle}._17j4o8g{pointer-events:none;position:absolute;border:0;left:0;right:0;top:0;bottom:0;opacity:0}.nd85wg3{--nd85wg0: var(--ntsf1m2q);--nd85wg1: var(--ntsf1m3c);--nd85wg2: var(--ntsf1m2q);display:inline-flex;position:relative;flex-wrap:nowrap;background-color:var(--ntsf1my);padding:var(--nd85wg0);border-radius:var(--nd85wg1);gap:var(--nd85wg2)}.nd85wg4{flex-direction:column}.nd85wg5{display:flex;align-items:stretch}.nd85wg3.nd85wg5>._17j4o87{flex:1}.n5k6jk7{--n5k6jk0: 26px;--n5k6jk1: 4px;--n5k6jk2: var(--ntsf1m2w);--n5k6jk3: var(--ntsf1m2p);--n5k6jk4: var(--ntsf1my);--n5k6jk6: var(--ntsf1m16);--n5k6jk5: var(--ntsf1my);height:var(--n5k6jk0);min-height:var(--n5k6jk0);line-height:var(--n5k6jk0);border-radius:var(--n5k6jk1);border-width:1px;border-style:solid;color:var(--n5k6jk6);border-color:var(--n5k6jk4);background-color:var(--n5k6jk5);padding:var(--n5k6jk3) var(--n5k6jk2);word-break:break-word;font-size:var(--ntsf1m2z);display:inline-flex;align-items:center}.n5k6jk8{margin-left:var(--ntsf1m2q);appearance:none;outline:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;padding:3px;position:relative;right:-2px;color:var(--ntsf1m14);border-radius:50%}.n5k6jk8:hover{background-color:var(--ntsf1m10);color:var(--ntsf1m16)}.n5k6jk8:focus{outline:none}._1cuepoga{position:relative;outline:none}._1cuepogb{--_1cuepog0: 38px;--_1cuepog1: 4px;--_1cuepog2: var(--ntsf1m2r);--_1cuepog3: var(--ntsf1m2p);--_1cuepog4: var(--ntsf1m12);--_1cuepog6: var(--ntsf1m18);--_1cuepog5: #FFFFFF;--_1cuepog7: text;height:var(--_1cuepog0);min-height:var(--_1cuepog0);width:100%;border-radius:var(--_1cuepog1);border-width:1px;border-style:solid;border-color:var(--_1cuepog4);padding:var(--_1cuepog3) var(--_1cuepog2);font-size:var(--ntsf1m2z);display:block;text-align:left;appearance:none;line-height:var(--_1cuepog0);box-sizing:border-box;resize:none;box-shadow:none;transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38)}._1cuepogb:hover{--_1cuepog4: var(--ntsf1m1d)}._1cuepogb:focus{--_1cuepog4: var(--ntsf1m1e);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1b)}._1cuepogc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ntsf1m2q)}._1cuepogd{width:100%}._1cuepoge{--_1cuepog4: var(--ntsf1m10);--_1cuepog6: var(--ntsf1m14);--_1cuepog5: var(--ntsf1mw);--_1cuepog7: not-allowed}._1cuepoge:focus{box-shadow:none}._1cuepoge:hover{cursor:not-allowed}._1cuepogf{font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2q)}._1cuepogg{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);line-height:var(--ntsf1m32);word-break:break-word;margin-bottom:var(--ntsf1m2w)}._1cuepogh{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m1z);word-break:break-word;margin-top:var(--ntsf1m2w)}._1cuepogi,._1cuepogi:hover{--_1cuepog4: var(--ntsf1m1y)}._1cuepogi:focus{--_1cuepog4: var(--ntsf1m1y);box-shadow:0 0 0 2px var(--ntsf1m1v)}._1cuepogj{--_1cuepog4: var(--ntsf1m1e);box-shadow:0 0 0 2px var(--ntsf1m1b)}._1cuepogk{pointer-events:none;position:absolute;z-index:1;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.25rem;color:var(--ntsf1m13)}._1cuepogl{padding-right:2.25rem}._1cuepogm{background-color:#fff;border-radius:4px;z-index:4000;border:1px solid var(--ntsf1m10);box-shadow:var(--ntsf1m36);max-height:230px;overflow-y:auto}._1cuepogn{user-select:none;color:var(--ntsf1m14)}._1cuepogo{padding:var(--ntsf1m2q) var(--ntsf1m2q) 0;background-color:#fff;position:sticky;top:0;z-index:1}._1cuepogp{padding:var(--ntsf1m2q);display:flex;flex-direction:column;gap:var(--ntsf1m2v)}._1cuepogq{--_1cuepog8: var(--ntsf1m17);--_1cuepog9: #FFFFFF;position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m2z);padding-block:var(--ntsf1m2w);padding-inline:var(--ntsf1m2s);gap:var(--ntsf1m2r);color:var(--_1cuepog8);transition:background-color .05s ease-in-out;background-color:var(--_1cuepog9);border-radius:4px}._1cuepogq:hover,._1cuepogr,._1cuepogr:hover{--_1cuepog8: var(--ntsf1m17);--_1cuepog9: var(--ntsf1my)}._1cuepogs{--_1cuepog8: var(--ntsf1m19);--_1cuepog9: var(--ntsf1m1e)}._1cuepogs:hover{--_1cuepog8: var(--ntsf1m19);--_1cuepog9: var(--ntsf1m1f)}@keyframes skeleton-shine-animation{0%{background:var(--ntsf1m10)}40%{background:var(--ntsf1my)}80%{background:var(--ntsf1m10)}to{background:var(--ntsf1m10)}}.vvn4y46{--vvn4y41: 100%;--vvn4y40: 1em;--vvn4y42: var(--ntsf1m2r);--vvn4y43: 4px;--vvn4y44: var(--ntsf1m10);--vvn4y45: var(--ntsf1my);width:var(--vvn4y41);height:var(--vvn4y40);margin-bottom:var(--vvn4y42);border-radius:var(--vvn4y43);position:relative;display:inline-block;overflow:hidden;background-color:var(--ntsf1m10)}.vvn4y47:after{content:"";position:absolute;pointer-events:none;inset:0;background-color:var(--ntsf1my);transition:var(--vvn4y44) .3s ease-in-out,var(--vvn4y45) .3s ease-in-out,background-color .3s ease-in-out;animation:skeleton-shine-animation 1.5s cubic-bezier(.36,0,.64,1) infinite}.nth4pa4{--nth4pa3: 18px;--nth4pa0: var(--ntsf1m12);--nth4pa1: var(--ntsf1m1e);--nth4pa2: #fff;outline:0;display:block;width:calc(var(--nth4pa3) * 2);min-width:calc(var(--nth4pa3) * 2);height:calc(var(--nth4pa3) + 2px);position:relative;cursor:pointer;user-select:none;border-radius:2em;padding:2px;background:var(--nth4pa0);transition:all .4s ease}.nth4pa4:after{content:"";position:relative;display:block;width:calc(var(--nth4pa3) - 2px);height:100%;left:0;border-radius:50%;background:var(--nth4pa2);transition:all .2s ease}.nth4pa4:before{content:"";position:relative;width:50%;height:100%;display:none}.nth4pa5{--nth4pa0: var(--nth4pa1)}.nth4pa5:after{left:50%}.nth4pa6{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--ntsf1m2w)}.nth4pa7{position:absolute;opacity:0;cursor:pointer}.nth4pa8{opacity:.5;cursor:not-allowed}.nth4pa9{margin-left:var(--ntsf1m2v);font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer}.nth4paa{--nth4pa3: 14px}.nth4pab{--nth4pa3: 16px}.nth4pac{--nth4pa3: 18px}.nth4pad{--nth4pa3: 20px}.nth4pae{--nth4pa3: 22px}.nth4pa6 .nth4pa7:focus+.nth4pa4{box-shadow:0 0 0 2px var(--ntsf1m1b)}._7qymuu0{width:100%;overflow:auto}._7qymuu4{--_7qymuu1: 44px;--_7qymuu2: 8px 14px;--_7qymuu3: var(--ntsf1m2z);width:100%;border-collapse:collapse;font-size:var(--_7qymuu3)}._7qymuu6 tbody tr:nth-child(even){background-color:var(--ntsf1mx)}._7qymuu4 th{height:var(--_7qymuu1);padding:var(--_7qymuu2);text-align:left;background-color:var(--ntsf1my);border-bottom:1px solid var(--ntsf1m10);color:var(--ntsf1m15);font-weight:500;font-size:var(--ntsf1m2z);margin-bottom:5px}._7qymuu4 td{padding:var(--_7qymuu2);text-align:left;color:var(--ntsf1m18);border-bottom:1px solid var(--ntsf1m10);font-weight:400;transition:background-color .2s var(--ntsf1m38)}._7qymuu5 tr:hover td{background-color:var(--ntsf1my)}._5gdpyh8{position:relative}._5gdpyh9{--_5gdpyh0: 38px;--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m2r);--_5gdpyh3: var(--ntsf1m2v);--_5gdpyh4: var(--ntsf1m12);--_5gdpyh6: var(--ntsf1mv);--_5gdpyh5: #FFFFFF;--_5gdpyh7: text;min-height:var(--_5gdpyh0);width:100%;border-radius:var(--_5gdpyh1);border-width:1px;border-style:solid;border-color:var(--_5gdpyh4);padding:var(--_5gdpyh3) var(--_5gdpyh2);font-size:var(--ntsf1m2z);font-family:inherit;display:block;text-align:left;appearance:none;box-sizing:border-box;resize:vertical;box-shadow:none;color:var(--_5gdpyh6);transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38)}._5gdpyh9:hover{--_5gdpyh4: var(--ntsf1m1d)}._5gdpyh9:focus{--_5gdpyh4: var(--ntsf1m1e);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1b)}._5gdpyha{--_5gdpyh1: 2px;--_5gdpyh2: var(--ntsf1m2q);--_5gdpyh3: var(--ntsf1m2v);font-size:var(--ntsf1m31);min-height:20px}._5gdpyhb{--_5gdpyh1: 3px;--_5gdpyh2: var(--ntsf1m2w);--_5gdpyh3: var(--ntsf1m2q);font-size:var(--ntsf1m31);min-height:24px}._5gdpyhc{--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m2w);--_5gdpyh3: var(--ntsf1m2q);min-height:28px}._5gdpyhd{--_5gdpyh1: 6px;--_5gdpyh2: var(--ntsf1m2x);--_5gdpyh3: var(--ntsf1m2w);font-size:var(--ntsf1m32);min-height:34px}._5gdpyhe{--_5gdpyh1: 8px;--_5gdpyh2: var(--ntsf1m2s);--_5gdpyh3: var(--ntsf1m2w);font-size:var(--ntsf1m32);min-height:36px}._5gdpyhf{width:100%}._5gdpyhg{--_5gdpyh4: var(--ntsf1m10);--_5gdpyh6: var(--ntsf1m14);--_5gdpyh5: var(--ntsf1mw);--_5gdpyh7: not-allowed}._5gdpyhg:focus{box-shadow:none}._5gdpyhg:hover{cursor:not-allowed}._5gdpyhh{font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2q);color:var(--ntsf1mv)}._5gdpyhi{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);line-height:var(--ntsf1m32);word-break:break-word;margin-bottom:var(--ntsf1m2w)}._5gdpyhj{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m1z);word-break:break-word;margin-top:var(--ntsf1m2w)}._5gdpyhk,._5gdpyhk:hover{--_5gdpyh4: var(--ntsf1m1y)}._5gdpyhk:focus{--_5gdpyh4: var(--ntsf1m1y);box-shadow:0 0 0 2px var(--ntsf1m1v)}@keyframes fade-out-animation{0%{opacity:1}to{opacity:0}}@keyframes fade-in-animation{0%{opacity:0}to{opacity:1}}.zjrp2q2{position:relative;display:inline-flex}.zjrp2q3{z-index:50}.zjrp2q4{--zjrp2q0: var(--ntsf1m18);--zjrp2q1: var(--ntsf1my);z-index:50;transition:opacity .3s,ease;position:fixed;font-size:13px;font-weight:400;color:var(--zjrp2q1);background-color:var(--zjrp2q0);border-radius:var(--ntsf1m3c);padding:var(--ntsf1m2w) var(--ntsf1m2r);pointer-events:none;width:max-content;max-width:300px;box-sizing:border-box}.zjrp2q4[data-popper-placement^=top]{margin:var(--ntsf1m2q) 0 var(--ntsf1m2s) 0}.zjrp2q4[data-popper-placement^=bottom]{margin:var(--ntsf1m2s) 0 var(--ntsf1m2q) 0}.zjrp2q4[data-popper-placement^=left]{margin:0 var(--ntsf1m2s) 0 var(--ntsf1m2q)}.zjrp2q4[data-popper-placement^=right]{margin:0 var(--ntsf1m2q) 0 var(--ntsf1m2s)}.zjrp2q5{--zjrp2q0: var(--ntsf1my);--zjrp2q1: var(--ntsf1m18)}.zjrp2q6{animation-name:fade-in-animation;animation-duration:.125s;animation-timing-function:ease-in-out;transition:var(--ntsf1m38)}.zjrp2q7{animation-name:fade-out-animation;animation-duration:.2s;animation-timing-function:ease-in-out}.eo9iqi0{display:flex;flex-wrap:nowrap;word-break:break-word;font-size:var(--ntsf1m2z);width:100%;height:300px;border:1px solid var(--ntsf1m12);border-radius:var(--ntsf1m3c);overflow:hidden}.eo9iqi1{flex:1;min-width:0;height:inherit;display:flex;flex-direction:column;overflow:auto}.eo9iqi2{min-height:40px;box-sizing:border-box;display:flex;padding:var(--ntsf1m2t);align-items:center;position:sticky;top:0;background-color:#fff;z-index:1}.eo9iqi3{flex-basis:0;flex-grow:1;box-sizing:border-box;position:relative;display:flex;flex-direction:column}.eo9iqi4{flex:1;position:relative;overflow:auto}.eo9iqi5{padding:0 var(--ntsf1m2t);min-height:35px;display:flex;align-items:center;color:var(--ntsf1ms);cursor:pointer;user-select:none}.eo9iqi5:hover{background-color:var(--ntsf1mz)}._1e8logj0{overflow:auto;will-change:transform;contain:strict}._1e8logj0>div{overflow:hidden;will-change:transform}._1e8logj0>div>div{will-change:transform;backface-visibility:hidden}
1
+ .ntsf1m0{margin:0}.ntsf1m1{margin:4px}.ntsf1m2{margin:8px}.ntsf1m3{margin:12px}.ntsf1m4{margin:16px}.ntsf1m5{margin:18px}.ntsf1m6{margin:2px}.ntsf1m7{margin:6px}.ntsf1m8{margin:10px}.ntsf1m9{margin:14px}.ntsf1ma{border-radius:0}.ntsf1mb{border-radius:1px}.ntsf1mc{border-radius:2px}.ntsf1md{border-radius:4px}.ntsf1me{border-radius:6px}.ntsf1mf{border-radius:8px}.ntsf1mg{border-radius:12px}.ntsf1mh{border-radius:9999px}.ntsf1mi{font-size:14px}.ntsf1mj{font-size:10px}.ntsf1mk{font-size:12px}.ntsf1ml{font-size:16px}.ntsf1mm{font-size:18px}.ntsf1mn{font-size:20px}.ntsf1mo{box-shadow:0 3px 6px 1px #9aa1ab26}.ntsf1mp{box-shadow:0 4px 10px 1px #9aa1ab33}.ntsf1mq{box-shadow:0 7px 14px 1px #9aa1ab3b}.ntsf1mr{transition:cubic-bezier(.4,0,.2,1)}:root{--ntsf1ms: #1F2328;--ntsf1mt: #656d76;--ntsf1mu: #6e7781;--ntsf1mv: #24292f;--ntsf1mw: hsl(0,0%,98%);--ntsf1mx: #f9fbfd;--ntsf1my: #f6f8fa;--ntsf1mz: #f2f3f5;--ntsf1m10: #eaeef2;--ntsf1m11: #f3f4f6;--ntsf1m12: #d0d7de;--ntsf1m13: #afb8c1;--ntsf1m14: #8c959f;--ntsf1m15: #6e7781;--ntsf1m16: #57606a;--ntsf1m17: #424a53;--ntsf1m18: #32383f;--ntsf1m19: hsl(214,100%,96.9%);--ntsf1m1a: hsl(214,94.6%,92.7%);--ntsf1m1b: hsl(213,96.9%,87.3%);--ntsf1m1c: hsl(212,96.4%,78.4%);--ntsf1m1d: hsl(213,93.9%,67.8%);--ntsf1m1e: hsl(217,91.2%,59.8%);--ntsf1m1f: hsl(221,83.2%,53.3%);--ntsf1m1g: hsl(224,76.3%,48%);--ntsf1m1h: hsl(226,70.7%,40.2%);--ntsf1m1i: hsl(224,64.3%,32.9%);--ntsf1m1j: hsl(48,100%,96.1%);--ntsf1m1k: hsl(48,96.5%,88.8%);--ntsf1m1l: hsl(48,96.6%,76.7%);--ntsf1m1m: hsl(46,96.7%,64.5%);--ntsf1m1n: hsl(43,96.4%,56.3%);--ntsf1m1o: hsl(38,92.1%,50.2%);--ntsf1m1p: hsl(32,94.6%,43.7%);--ntsf1m1q: hsl(26,90.5%,37.1%);--ntsf1m1r: hsl(23,82.5%,31.4%);--ntsf1m1s: hsl(22,77.8%,26.5%);--ntsf1m1t: hsl(0,85.7%,97.3%);--ntsf1m1u: hsl(0,93.3%,94.1%);--ntsf1m1v: hsl(0,96.3%,89.4%);--ntsf1m1w: hsl(0,93.5%,81.8%);--ntsf1m1x: hsl(0,90.6%,70.8%);--ntsf1m1y: hsl(0,84.2%,60.2%);--ntsf1m1z: hsl(0,72.2%,50.6%);--ntsf1m20: hsl(0,73.7%,41.8%);--ntsf1m21: hsl(0,70%,35.3%);--ntsf1m22: hsl(0,62.8%,30.6%);--ntsf1m23: hsl(152,81%,95.9%);--ntsf1m24: hsl(149,80.4%,90%);--ntsf1m25: hsl(152,76%,80.4%);--ntsf1m26: hsl(156,71.6%,66.9%);--ntsf1m27: hsl(158,64.4%,51.6%);--ntsf1m28: hsl(160,84.1%,39.4%);--ntsf1m29: hsl(161,93.5%,30.4%);--ntsf1m2a: hsl(163,93.5%,24.3%);--ntsf1m2b: hsl(163,88.1%,19.8%);--ntsf1m2c: hsl(164,85.7%,16.5%);--ntsf1m2d: hsl(217,91.2%,59.8%);--ntsf1m2e: #D0D4E9;--ntsf1m2f: #C1C5E2;--ntsf1m2g: #A1A8D3;--ntsf1m2h: #828CC4;--ntsf1m2i: #636FB6;--ntsf1m2j: #4B57A0;--ntsf1m2k: #3C4680;--ntsf1m2l: #2E3561;--ntsf1m2m: #1F2442;--ntsf1m2n: #14172A;--ntsf1m2o: #0E101E;--ntsf1m2p: 0px;--ntsf1m2q: 4px;--ntsf1m2r: 8px;--ntsf1m2s: 12px;--ntsf1m2t: 16px;--ntsf1m2u: 18px;--ntsf1m2v: 2px;--ntsf1m2w: 6px;--ntsf1m2x: 10px;--ntsf1m2y: 14px;--ntsf1m2z: 14px;--ntsf1m30: 10px;--ntsf1m31: 12px;--ntsf1m32: 16px;--ntsf1m33: 18px;--ntsf1m34: 20px;--ntsf1m35: 0px 3px 6px 1px rgb(154 161 171 / 15%);--ntsf1m36: 0px 4px 10px 1px rgb(154 161 171 / 20%);--ntsf1m37: 0px 7px 14px 1px rgb(154 161 171 / 23%);--ntsf1m38: cubic-bezier(.4, 0, .2, 1);--ntsf1m39: 0px;--ntsf1m3a: 1px;--ntsf1m3b: 2px;--ntsf1m3c: 4px;--ntsf1m3d: 6px;--ntsf1m3e: 8px;--ntsf1m3f: 12px;--ntsf1m3g: 9999px}*{box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:var(--ntsf1ms)}strong,h1,h2,h3,h4,h5,h6{font-weight:500}._1rgsfqk2{width:var(--_1rgsfqk0);height:var(--_1rgsfqk0);border-radius:var(--_1rgsfqk1);background-color:var(--ntsf1m12);box-sizing:content-box;cursor:inherit;display:flex;flex-direction:column;justify-content:center;outline:none;overflow:hidden;position:static;border:0;padding:var(--ntsf1m2p);margin:var(--ntsf1m2q);color:var(--ntsf1m14);font-size:var(--ntsf1m31);align-items:center}._1rgsfqk3{--_1rgsfqk0: 16px;--_1rgsfqk1: 2px}._1rgsfqk4{--_1rgsfqk0: 24px;--_1rgsfqk1: 3px}._1rgsfqk5{--_1rgsfqk0: 32px;--_1rgsfqk1: 4px}._1rgsfqk6{--_1rgsfqk0: 40px;--_1rgsfqk1: 6px}._1rgsfqk7{--_1rgsfqk0: 96px;--_1rgsfqk1: 8px}._1rgsfqk8{display:flex;width:100%;height:100%;flex:1 1 100%}._1rgsfqk9{border-radius:9999px}._1rgsfqka{box-shadow:0 0 0 2px #fff}._4zgvid0{display:flex;line-height:1;list-style:none;padding:0}._4zgvid1{margin-right:-10px}.apht5f3{--apht5f2: 4px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:inline-flex;position:static;border-radius:var(--apht5f2);background-color:var(--apht5f1);overflow:hidden;padding:var(--ntsf1m2v) var(--ntsf1m2q)}.apht5f4{color:var(--apht5f0);margin:0;padding:0;font-size:var(--ntsf1m30);font-weight:500;letter-spacing:.5px;text-transform:uppercase;line-height:var(--ntsf1m2z);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apht5f5{--apht5f1: var(--ntsf1m1e);--apht5f0: #FFFFFF}.apht5f6{--apht5f1: var(--ntsf1m2m);--apht5f0: #FFFFFF}.apht5f7{--apht5f0: white;--apht5f1: var(--ntsf1m14)}.apht5f8{--apht5f0: var(--ntsf1my);--apht5f1: var(--ntsf1m13)}.apht5f9{--apht5f1: var(--ntsf1m28);--apht5f0: #FFFFFF}.apht5fa{--apht5f1: var(--ntsf1m1n);--apht5f0: var(--ntsf1m17)}.apht5fb{--apht5f1: var(--ntsf1m1y);--apht5f0: #FFFFFF}.apht5fc{--apht5f1: var(--ntsf1m1a);--apht5f0: var(--ntsf1m1f)}.apht5fd{--apht5f1: var(--ntsf1m2f);--apht5f0: var(--ntsf1m2n)}.apht5fe{--apht5f1: var(--ntsf1my);--apht5f0: var(--ntsf1m15)}.apht5ff{--apht5f1: var(--ntsf1my);--apht5f0: var(--ntsf1m13)}.apht5fg{--apht5f1: var(--ntsf1m24);--apht5f0: var(--ntsf1m29)}.apht5fh{--apht5f1: var(--ntsf1m1k);--apht5f0: var(--ntsf1m1p)}.apht5fi{--apht5f1: var(--ntsf1m1u);--apht5f0: var(--ntsf1m1z)}._1j3winb0{display:flex;position:relative;margin:0;padding:0;list-style:none;box-sizing:border-box}._1j3winb1{display:flex;align-items:center;font-size:var(--ntsf1m2z)}._1j3winb2{padding:0 var(--ntsf1m2r);color:var(--ntsf1m15);cursor:pointer;text-decoration:none;outline:0;transition:color .2s var(--ntsf1m38)}._1j3winb2:hover{color:var(--ntsf1m1e)}._1j3winb3{padding:0 var(--ntsf1m2q);display:inline-flex;color:var(--ntsf1m12);-webkit-user-select:none;user-select:none}._1j3winb0 ._1j3winb1:last-child ._1j3winb3{display:none}@keyframes button-wave-grow{0%{box-shadow:0 0 .5px 0 var(--_1s6j4ps5)}to{box-shadow:0 0 .5px 4.4px var(--_1s6j4ps5)}}@keyframes button-wave-opacity{0%{opacity:.5}90%{opacity:0}to{opacity:0}}@keyframes spin-around{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1s6j4ps7{align-items:center;box-sizing:border-box;display:inline-flex;font-size:var(--ntsf1m2z);font-weight:500;max-width:100%;width:auto;position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;justify-content:center;height:var(--_1s6j4ps0);line-height:var(--_1s6j4ps0);border-radius:var(--_1s6j4ps1);padding:var(--_1s6j4ps2);z-index:auto;background-color:var(--_1s6j4ps3);border:0;color:var(--_1s6j4ps6);transition:color .2s var(--ntsf1m38),background-color .25s var(--ntsf1m38),box-shadow .25s var(--ntsf1m38),border-color .25s var(--ntsf1m38);font-family:inherit}._1s6j4ps7:hover{cursor:pointer}._1s6j4ps7:focus{outline:none}._1s6j4ps8{--_1s6j4ps3: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e);--_1s6j4ps5: var(--ntsf1m1e);--_1s6j4ps6: #FFFFFF}._1s6j4ps8:hover{--_1s6j4ps3: var(--ntsf1m1f);--_1s6j4ps4: var(--ntsf1m1f)}._1s6j4ps8:focus{--_1s6j4ps3: var(--ntsf1m1f);--_1s6j4ps4: var(--ntsf1m1f)}._1s6j4ps9{--_1s6j4ps3: var(--ntsf1m2l);--_1s6j4ps4: var(--ntsf1m2l);--_1s6j4ps5: var(--ntsf1m2l);--_1s6j4ps6: #FFFFFF}._1s6j4ps9:hover{--_1s6j4ps3: var(--ntsf1m2m);--_1s6j4ps4: var(--ntsf1m2m)}._1s6j4ps9:focus{--_1s6j4ps3: var(--ntsf1m2n);--_1s6j4ps4: var(--ntsf1m2n)}._1s6j4psa{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: white;--_1s6j4ps5: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psa:hover{--_1s6j4ps6: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e)}._1s6j4psa:focus{--_1s6j4ps6: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e)}._1s6j4psb{--_1s6j4ps6: var(--ntsf1ms);--_1s6j4ps3: var(--ntsf1my);--_1s6j4ps5: var(--ntsf1m1a);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psb:hover{--_1s6j4ps6: var(--ntsf1ms);--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psb:focus{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m12)}._1s6j4psc{--_1s6j4ps3: var(--ntsf1m28);--_1s6j4ps4: var(--ntsf1m28);--_1s6j4ps5: var(--ntsf1m28);--_1s6j4ps6: #FFFFFF}._1s6j4psc:hover{--_1s6j4ps3: var(--ntsf1m29);--_1s6j4ps4: var(--ntsf1m29);--_1s6j4ps6: #FFFFFF}._1s6j4psc:focus{--_1s6j4ps4: var(--ntsf1m29);--_1s6j4ps3: var(--ntsf1m29)}._1s6j4psd{--_1s6j4ps3: var(--ntsf1m1n);--_1s6j4ps4: var(--ntsf1m1n);--_1s6j4ps5: var(--ntsf1m1n);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psd:hover{--_1s6j4ps3: var(--ntsf1m1o);--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps6: var(--ntsf1m18)}._1s6j4psd:focus{--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps3: var(--ntsf1m1o)}._1s6j4pse{--_1s6j4ps3: var(--ntsf1m1y);--_1s6j4ps4: var(--ntsf1m1y);--_1s6j4ps5: var(--ntsf1m1y);--_1s6j4ps6: #FFFFFF}._1s6j4pse:hover{--_1s6j4ps3: var(--ntsf1m1z);--_1s6j4ps4: var(--ntsf1m1z)}._1s6j4pse:focus{--_1s6j4ps4: var(--ntsf1m1z);--_1s6j4ps3: var(--ntsf1m1z)}._1s6j4psf{--_1s6j4ps3: var(--ntsf1m1a);--_1s6j4ps4: var(--ntsf1m1a);--_1s6j4ps6: var(--ntsf1m1e)}._1s6j4psf:hover{--_1s6j4ps3: var(--ntsf1m1b);--_1s6j4ps4: var(--ntsf1m1b);--_1s6j4ps6: var(--ntsf1m1f)}._1s6j4psf:focus{--_1s6j4ps3: var(--ntsf1m1b);--_1s6j4ps4: var(--ntsf1m1b);--_1s6j4ps6: var(--ntsf1m1f)}._1s6j4psg{--_1s6j4ps3: var(--ntsf1m2f);--_1s6j4ps4: var(--ntsf1m2f);--_1s6j4ps6: var(--ntsf1m2l)}._1s6j4psg:hover{--_1s6j4ps3: var(--ntsf1m2g);--_1s6j4ps4: var(--ntsf1m2g);--_1s6j4ps6: var(--ntsf1m2m)}._1s6j4psg:focus{--_1s6j4ps3: var(--ntsf1m2g);--_1s6j4ps4: var(--ntsf1m2g);--_1s6j4ps6: var(--ntsf1m2m)}._1s6j4psh{--_1s6j4ps3: var(--ntsf1my);--_1s6j4ps4: var(--ntsf1my);--_1s6j4ps6: var(--ntsf1m14)}._1s6j4psh:hover{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m15)}._1s6j4psh:focus{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m15)}._1s6j4psi{--_1s6j4ps3: var(--ntsf1my);--_1s6j4ps4: var(--ntsf1my);--_1s6j4ps6: var(--ntsf1m13)}._1s6j4psi:hover{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m14)}._1s6j4psi:focus{--_1s6j4ps3: var(--ntsf1m10);--_1s6j4ps4: var(--ntsf1m10);--_1s6j4ps6: var(--ntsf1m14)}._1s6j4psj{--_1s6j4ps3: var(--ntsf1m24);--_1s6j4ps4: var(--ntsf1m24);--_1s6j4ps6: var(--ntsf1m29)}._1s6j4psj:hover{--_1s6j4ps3: var(--ntsf1m25);--_1s6j4ps4: var(--ntsf1m25);--_1s6j4ps6: var(--ntsf1m2a)}._1s6j4psj:focus{--_1s6j4ps3: var(--ntsf1m25);--_1s6j4ps4: var(--ntsf1m25);--_1s6j4ps6: var(--ntsf1m2a)}._1s6j4psk{--_1s6j4ps3: var(--ntsf1m1k);--_1s6j4ps4: var(--ntsf1m1k);--_1s6j4ps6: var(--ntsf1m1p)}._1s6j4psk:hover{--_1s6j4ps3: var(--ntsf1m1l);--_1s6j4ps4: var(--ntsf1m1l);--_1s6j4ps6: var(--ntsf1m1q)}._1s6j4psk:focus{--_1s6j4ps3: var(--ntsf1m1l);--_1s6j4ps4: var(--ntsf1m1l);--_1s6j4ps6: var(--ntsf1m1q)}._1s6j4psl{--_1s6j4ps3: var(--ntsf1m1u);--_1s6j4ps4: var(--ntsf1m1u);--_1s6j4ps6: var(--ntsf1m1y)}._1s6j4psl:hover{--_1s6j4ps3: var(--ntsf1m1v);--_1s6j4ps4: var(--ntsf1m1v);--_1s6j4ps6: var(--ntsf1m1z)}._1s6j4psl:focus{--_1s6j4ps3: var(--ntsf1m1v);--_1s6j4ps4: var(--ntsf1m1v);--_1s6j4ps6: var(--ntsf1m1z)}._1s6j4psm{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1e)}._1s6j4psm:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1f);text-decoration:underline}._1s6j4psn{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2m)}._1s6j4psn:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2n);text-decoration:underline}._1s6j4pso{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m14)}._1s6j4pso:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m15);text-decoration:underline}._1s6j4psp{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m13)}._1s6j4psp:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m14);text-decoration:underline}._1s6j4psq{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m28)}._1s6j4psq:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m29);text-decoration:underline}._1s6j4psr{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1p)}._1s6j4psr:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1q);text-decoration:underline}._1s6j4pss{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1y)}._1s6j4pss:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1z);text-decoration:underline}._1s6j4pst{--_1s6j4ps0: 22px;--_1s6j4ps1: 2px;--_1s6j4ps2: 0 var(--ntsf1m2q);font-size:var(--ntsf1m31)}._1s6j4psu{--_1s6j4ps0: 28px;--_1s6j4ps1: 3px;--_1s6j4ps2: 0 var(--ntsf1m2r);font-size:var(--ntsf1m31)}._1s6j4psv{--_1s6j4ps0: 36px;--_1s6j4ps1: 4px;--_1s6j4ps2: 0 var(--ntsf1m2s)}._1s6j4psw{--_1s6j4ps0: 40px;--_1s6j4ps1: 6px;--_1s6j4ps2: 0 var(--ntsf1m2s);font-size:var(--ntsf1m32)}._1s6j4psx{--_1s6j4ps0: 45px;--_1s6j4ps1: 8px;--_1s6j4ps2: 0 var(--ntsf1m2t);font-size:var(--ntsf1m32)}._1s6j4psy{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;transition:border-color .2s ease-in-out}._1s6j4psz{border:1px solid var(--_1s6j4ps4)}._1s6j4ps10{border:1px solid transparent;z-index:1}._1s6j4ps7:hover ._1s6j4psz,._1s6j4ps7:focus ._1s6j4psz{border-color:transparent}._1s6j4ps7:hover ._1s6j4ps10,._1s6j4ps7:focus ._1s6j4ps10{border-color:var(--_1s6j4ps4)}._1s6j4ps11{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;animation-iteration-count:1;animation-duration:.5s;z-index:1;animation-timing-function:cubic-bezier(.4,0,.15,1),cubic-bezier(.4,0,.4,1)}._1s6j4ps12{z-index:1;animation-name:button-wave-grow,button-wave-opacity}._1s6j4ps13{display:flex;flex-grow:0;flex-shrink:0;font-size:0;line-height:0;-webkit-user-select:none;user-select:none;padding:initial;height:var(--_1s6j4ps0);width:var(--_1s6j4ps0)}._1s6j4ps14{display:flex;flex-grow:0;flex-shrink:0;font-size:0;line-height:0;-webkit-user-select:none;user-select:none}._1s6j4ps14>svg{overflow:hidden;pointer-events:none;max-width:100%;max-height:100%;vertical-align:middle}._1s6j4ps15{margin-right:var(--ntsf1m2r);position:relative}._1s6j4ps16{margin-left:var(--ntsf1m2r)}._1s6j4ps17{border-radius:9999px}._1s6j4ps18{display:flex;width:100%}._1s6j4ps19{pointer-events:none;color:transparent;-webkit-user-select:none;user-select:none;opacity:.75}._1s6j4ps19:after{content:"";transition:all .2s ease-in-out;position:absolute;animation-iteration-count:infinite;animation-duration:.75s;animation-timing-function:cubic-bezier(.8,.5,.4,0);animation-name:spin-around;border-radius:var(--ntsf1m3g);border-color:transparent transparent var(--_1s6j4ps6) var(--_1s6j4ps6);border-style:solid;border-width:2px;display:block;height:1em;width:1em}.xlqdhj0{display:inline-flex;position:relative;flex-wrap:nowrap}.xlqdhj0>._1s6j4ps7:first-child:not(:last-child){margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.xlqdhj0>._1s6j4ps7:not(:first-child):not(:last-child){margin-left:0;border-radius:0;margin-right:0}.xlqdhj0>._1s6j4ps7:not(:first-child) ._1s6j4psz{border-left-width:0}.xlqdhj0>._1s6j4ps7:last-child:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.xlqdhj0>._1s6j4ps7:not(:first-child) ._1s6j4ps10{left:-1px}.xlqdhj1{flex-direction:column}.x8ms5j5{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--ntsf1m2w)}.x8ms5j6{position:absolute;opacity:0;cursor:pointer}.x8ms5j7{position:absolute;width:calc(var(--x8ms5j0) - 2px);height:calc(var(--x8ms5j0) - 2px);top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.x8ms5j8{--x8ms5j0: 20px;--x8ms5j1: 4px;--x8ms5j2: white;--x8ms5j3: var(--ntsf1m12);--x8ms5j4: var(--ntsf1m15);position:relative;width:var(--x8ms5j0);height:var(--x8ms5j0);border-radius:var(--x8ms5j1);background-color:var(--x8ms5j2);border:1px solid var(--x8ms5j3);color:var(--x8ms5j4);cursor:pointer;transition:all .125s var(--ntsf1m38)}.x8ms5j8:hover{--x8ms5j3: var(--ntsf1m13)}.x8ms5j9{--x8ms5j3: var(--ntsf1m1e);--x8ms5j2: var(--ntsf1m1e)}.x8ms5j9:after{content:""}.x8ms5j9:hover{--x8ms5j3: var(--ntsf1m1e)}.x8ms5ja{opacity:.5;cursor:not-allowed}.x8ms5jb{--x8ms5j3: var(--ntsf1m1e);--x8ms5j2: var(--ntsf1m1e)}.x8ms5jc{margin-left:var(--ntsf1m2v);font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer}.x8ms5jd{--x8ms5j0: 16px}.x8ms5je{--x8ms5j0: 18px}.x8ms5jf{--x8ms5j0: 20px}.x8ms5jg{--x8ms5j0: 22px}.x8ms5jh{--x8ms5j0: 24px}.x8ms5j5 .x8ms5j6:focus+.x8ms5j8{--x8ms5j3: var(--ntsf1m1e);box-shadow:0 0 0 2px var(--ntsf1m1b)}._1wz91940{display:flex;flex-direction:column;width:280px;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;z-index:100;background-color:#fff;border-radius:5px;padding:var(--ntsf1m2s);border:1px solid var(--ntsf1m10);box-shadow:var(--ntsf1m36)}._1wz91941{transform:translate(-50%,-50%);position:absolute;width:14px;height:14px;border-radius:50%;background-color:transparent;border:2px solid white;box-shadow:var(--ntsf1m35);cursor:crosshair;-webkit-user-select:none;user-select:none}._1wz91942{background-color:transparent;outline:none;border:0;color:var(--ntsf1m15);width:32px;height:32px;border-radius:var(--ntsf1m3c);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}._1wz91942:hover{background-color:var(--ntsf1my);color:var(--ntsf1m16)}._1wz91943{background-image:linear-gradient(45deg,#bebebe 25%,transparent 25%),linear-gradient(-45deg,#bebebe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bebebe 75%),linear-gradient(-45deg,transparent 75%,#bebebe 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;overflow:hidden;min-width:32px;min-height:32px;width:32px;height:32px;border-radius:100%;border:1px solid var(--ntsf1m10)}._1wz91944{position:relative;height:160px;width:100%;cursor:crosshair}._1wz91945{background-image:linear-gradient(45deg,#bebebe 25%,transparent 25%),linear-gradient(-45deg,#bebebe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bebebe 75%),linear-gradient(-45deg,transparent 75%,#bebebe 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;overflow:hidden;min-width:28px;min-height:28px;width:28px;height:28px;border-radius:var(--ntsf1m3c);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}._1wz91946{position:absolute;top:0;left:0;right:0;bottom:0}._1wz91947{display:flex;gap:var(--ntsf1m2r);width:100%;align-items:center;justify-content:space-between}._1wz91948{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#FFF,rgba(255,255,255,0))}._1wz91949{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#000,transparent)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scale{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}@keyframes modal{0%{opacity:0;scale:.95;transform-origin:bottom;transform:translateY(10%)}to{opacity:1;scale:1;transform:translateY(0)}}._1b2bhsj0{animation:.2s fade var(--ntsf1m38)}._1b2bhsj1{animation:.2s fade var(--ntsf1m38) reverse}._1b2bhsj2,._1b2bhsj3{opacity:0}._1b2bhsj4{animation:.12s scale var(--ntsf1m38)}._1b2bhsj5{animation:.12s scale var(--ntsf1m38) reverse}._1b2bhsj6,._1b2bhsj7{opacity:0}._1b2bhsj8{animation:.18s modal var(--ntsf1m38)}._1b2bhsj9{animation:.18s modal var(--ntsf1m38) reverse}._1b2bhsja,._1b2bhsjb{opacity:0}._16zb7bi0{-webkit-user-select:none;user-select:none;position:relative;height:14px}._16zb7bi1{-webkit-user-select:none;user-select:none;position:absolute;height:14px;background-image:linear-gradient(45deg,#bebebe 25%,transparent 25%),linear-gradient(-45deg,#bebebe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bebebe 75%),linear-gradient(-45deg,transparent 75%,#bebebe 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0px;overflow:hidden;top:0;left:0;right:0;bottom:0;border-radius:6px}._16zb7bi2{position:absolute;top:0;left:0;right:0;bottom:0}._16zb7bi3{transform:translate(-50%);position:absolute;top:-2px;width:18px;height:18px;border-radius:50%;background-color:#ffffff80;border:2px solid white;box-shadow:0 0 3px #000;cursor:e-resize}.sy3isg8{position:relative}.sy3isg9{--sy3isg0: 38px;--sy3isg1: 4px;--sy3isg2: var(--ntsf1m2r);--sy3isg3: var(--ntsf1m2v);--sy3isg4: var(--ntsf1m12);--sy3isg6: var(--ntsf1mv);--sy3isg5: #FFFFFF;--sy3isg7: text;height:var(--sy3isg0);min-height:var(--sy3isg0);width:100%;border-radius:var(--sy3isg1);border-width:1px;border-style:solid;border-color:var(--sy3isg4);padding:var(--sy3isg3) var(--sy3isg2);font-size:var(--ntsf1m2z);display:flex;align-items:center;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--sy3isg0);box-sizing:border-box;resize:none;box-shadow:none;color:var(--sy3isg6);transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38)}.sy3isg9:hover{--sy3isg4: var(--ntsf1m1d)}.sy3isg9:focus-within{--sy3isg4: var(--ntsf1m1e);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1b)}.sy3isga{width:100%;height:100%;border:none;outline:none;background:none;color:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none}.sy3isgb{--sy3isg0: 26px;--sy3isg1: 2px;--sy3isg2: var(--ntsf1m2q);font-size:var(--ntsf1m31)}.sy3isgc{--sy3isg0: 30px;--sy3isg1: 3px;--sy3isg2: var(--ntsf1m2w);font-size:var(--ntsf1m31)}.sy3isgd{--sy3isg0: 38px;--sy3isg1: 4px}.sy3isge{--sy3isg0: 42px;--sy3isg1: 6px;--sy3isg2: var(--ntsf1m2x);font-size:var(--ntsf1m32)}.sy3isgf{--sy3isg0: 48px;--sy3isg1: 8px;--sy3isg2: var(--ntsf1m2s);font-size:var(--ntsf1m32)}.sy3isgg{width:100%}.sy3isgh{--sy3isg4: var(--ntsf1m10);--sy3isg6: var(--ntsf1m14);--sy3isg5: var(--ntsf1mw);--sy3isg7: not-allowed}.sy3isgh:focus{box-shadow:none}.sy3isgh:hover{cursor:not-allowed}.sy3isgi{font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2q);color:var(--ntsf1mv)}.sy3isgj{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);line-height:var(--ntsf1m32);word-break:break-word;margin-bottom:var(--ntsf1m2w)}.sy3isgk{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m1z);word-break:break-word;margin-top:var(--ntsf1m2w)}.sy3isgl{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);word-break:break-word;margin-top:var(--ntsf1m2w)}.sy3isgm,.sy3isgm:hover{--sy3isg4: var(--ntsf1m1y)}.sy3isgm:focus-within{--sy3isg4: var(--ntsf1m1y);box-shadow:0 0 0 2px var(--ntsf1m1v)}.sy3isgn{pointer-events:none;position:absolute;z-index:1;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.25rem;color:var(--ntsf1m13)}.sy3isgo{padding-left:2.25rem}.sy3isgp{pointer-events:none;position:absolute;z-index:1;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.25rem;color:var(--ntsf1m13)}.sy3isgq{padding-right:2.25rem}.sy3isgr{pointer-events:none;margin-right:var(--ntsf1m2s);margin-left:var(--ntsf1m2q);color:var(--ntsf1m14);font-size:var(--ntsf1m31);-webkit-user-select:none;user-select:none;position:relative}.sy3isgr:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:1px;height:16px;background-color:var(--ntsf1m12)}.sy3isgs{pointer-events:none;margin-right:var(--ntsf1m2q);margin-left:var(--ntsf1m2s);color:var(--ntsf1m14);font-size:var(--ntsf1m31);-webkit-user-select:none;user-select:none;position:relative}.sy3isgs:after{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:1px;height:16px;background-color:var(--ntsf1m12)}._2y08mp0{background-color:#fff;border-radius:5px;padding:5px 0;z-index:4000;box-sizing:border-box;position:relative;min-width:200px;max-width:350px;border:1px solid var(--ntsf1m12);box-shadow:var(--ntsf1m36)}._2y08mp1{list-style:none;margin:0;padding:0}._2y08mp2{position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m2z);padding-block:var(--ntsf1m2w);padding-inline:var(--ntsf1m2s);gap:var(--ntsf1m2r);color:var(--ntsf1m17);transition:background-color .05s ease-in-out;text-decoration:none}._2y08mp2:hover{background-color:var(--ntsf1my)}._2y08mp3{flex:1;white-space:nowrap}._2y08mp4{display:flex;align-items:center}._2y08mp5{height:1px;background-color:var(--ntsf1m10);margin-block:var(--ntsf1m2q)}.cib2cp1{--cib2cp0: var(--ntsf1m2t);display:flex;flex-direction:column;gap:var(--cib2cp0)}.rc3srv4{position:fixed;z-index:5000;height:0;display:flex;flex-direction:column;align-items:center;gap:var(--ntsf1m2x);top:var(--rc3srv0);left:var(--rc3srv1);right:var(--rc3srv2);transform-origin:top center}.rc3srv5{position:relative;display:flex;gap:var(--ntsf1m2r);background:#FFF;box-shadow:var(--ntsf1m35);border:1px solid var(--ntsf1m12);border-radius:6px;padding:9px 12px;pointer-events:all;font-size:var(--ntsf1m2z);color:var(--ntsf1mv);align-items:center;will-change:top,bottom,width;transition:top .3s ease-out .5s,bottom .3s ease-out .5s,width .3s ease-out .5s}.rc3srv6{--rc3srv0: 12px;--rc3srv1: 0;--rc3srv2: 0}.rc3srv7{--rc3srv0: 12px;--rc3srv1: 12px;--rc3srv2: unset}.rc3srv8{--rc3srv0: 12px;--rc3srv1: unset;--rc3srv2: 12px}.rc3srv9{align-self:center;grid-area:1 / 1 / 3;width:22px;height:22px;color:var(--rc3srv3)}.rc3srva{align-self:center;grid-area:1 / 2 / 3}.rc3srvb{--rc3srv3: var(--ntsf1m1e)}.rc3srvc{--rc3srv3: var(--ntsf1m28)}.rc3srvd{--rc3srv3: var(--ntsf1m1o)}.rc3srve{--rc3srv3: var(--ntsf1m1y)}.rc3srvf,.rc3srvg{--rc3srv3: var(--ntsf1m14)}@keyframes fade-out-background-animation{0%{opacity:1}to{opacity:0}}@keyframes fade-in-background-animation{0%{opacity:0}to{opacity:1}}@keyframes fade-out-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fade-in-animation{0%{opacity:0;transform:scale(.5);left:var(--_1iwo5bc3);top:var(--_1iwo5bc4)}70%{opacity:1;transform:scale(1.03);left:0;top:0}to{opacity:1;transform:scale(1)}}@keyframes fade-in-animation-no-bounce{0%{opacity:0;transform:scale(.5);left:var(--_1iwo5bc3);top:var(--_1iwo5bc4)}60%{opacity:1}to{opacity:1;transform:scale(1);left:0;top:0}}._1iwo5bc5{--_1iwo5bc0: 300px}._1iwo5bc6{--_1iwo5bc0: 400px}._1iwo5bc7{--_1iwo5bc0: 640px}._1iwo5bc8{--_1iwo5bc0: 800px}._1iwo5bc9{--_1iwo5bc0: 1140px}._1iwo5bca{z-index:100;background-color:#737373b3;position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}._1iwo5bcb{background-color:#fff;width:100%;max-width:var(--_1iwo5bc0);border-radius:var(--ntsf1m3d);box-shadow:0 1px 2px -2px #00000014,0 3px 6px #0000000f,0 5px 12px 4px #0000000a;border:1px solid rgba(0,0,0,.45);display:flex;flex-direction:column;position:relative}._1iwo5bcc{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ntsf1m2t) var(--ntsf1m2t) 0 var(--ntsf1m2t);flex-shrink:0}._1iwo5bcd{margin:0;font-size:var(--ntsf1m33);font-weight:500;display:flex;align-items:center;color:var(--ntsf1ms)}._1iwo5bce{outline:none var(--ntsf1m12);display:inline-block;position:relative;width:1.5rem;height:1.5rem;background-color:transparent;border:none;padding:0;cursor:pointer;transition:all .2s;border-radius:var(--ntsf1m3g);margin-left:var(--ntsf1m2r)}._1iwo5bce:hover{background-color:var(--ntsf1mz)}._1iwo5bce:focus{background-color:var(--ntsf1mz)}._1iwo5bce:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.8rem;height:2px;background-color:var(--ntsf1m14);transform-origin:center;transition:all .2s}._1iwo5bce:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:.8rem;height:2px;background-color:var(--ntsf1m14);transform-origin:center;transition:all .2s}._1iwo5bcf{padding:var(--ntsf1m2t);display:flex;flex-direction:column;flex-grow:1;color:var(--ntsf1mv)}._1iwo5bcg{display:flex;width:100%;align-items:center;padding:0 var(--ntsf1m2t) var(--ntsf1m2t) var(--ntsf1m2t)}._1iwo5bch{animation-name:fade-in-animation-no-bounce;animation-duration:.2s;animation-timing-function:ease-in-out;transition:transform .3s ease-out}._1iwo5bci{animation-name:fade-in-animation;animation-duration:.25s;animation-timing-function:ease-in-out;transition:var(--ntsf1m38)}._1iwo5bcj{animation-name:fade-out-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1iwo5bck{animation-name:fade-in-background-animation;animation-duration:.1s;animation-timing-function:ease-in-out}._1iwo5bcl{animation-name:fade-out-background-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1vreayh2{display:inline-flex;align-items:center;font-size:var(--ntsf1m31);box-sizing:border-box}._1vreayh3{display:inline-flex;align-items:center;font-size:var(--ntsf1m31);box-sizing:border-box;gap:var(--ntsf1m2x)}._1vreayh4{display:inline-flex;align-items:center;margin:0;gap:var(--ntsf1m2q)}._1vreayh5{--_1vreayh0: transparent;--_1vreayh1: var(--ntsf1m16);height:28px;width:28px;border-radius:var(--ntsf1m3c);outline:none;border:none;font-size:inherit;padding:0px var(--ntsf1m2r);display:flex;align-items:center;justify-content:center;line-height:1;color:var(--_1vreayh1);background-color:var(--_1vreayh0);cursor:pointer}._1vreayh5:hover{--_1vreayh0: var(--ntsf1mz)}._1vreayh6{--_1vreayh0: var(--ntsf1m1f);--_1vreayh1: #FFF}._1vreayh6:hover{--_1vreayh0: var(--ntsf1m1g)}._1vreayh7{height:calc(1em + 2px);width:calc(1em + 2px);display:inline-block;font-size:inherit;-webkit-user-select:none;user-select:none}._9ebxua5{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--ntsf1m2w)}._9ebxua6{position:absolute;opacity:0;cursor:pointer}._9ebxua7{position:absolute;width:calc(var(--_9ebxua0) - 2px);height:calc(var(--_9ebxua0) - 2px);top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}._9ebxua8{--_9ebxua0: 20px;--_9ebxua1: var(--ntsf1m3g);--_9ebxua2: white;--_9ebxua3: var(--ntsf1m12);--_9ebxua4: var(--ntsf1m15);position:relative;width:var(--_9ebxua0);height:var(--_9ebxua0);border-radius:var(--_9ebxua1);background-color:var(--_9ebxua2);border:1px solid var(--_9ebxua3);color:var(--_9ebxua4);cursor:pointer;transition:all .125s var(--ntsf1m38)}._9ebxua9{--_9ebxua3: var(--ntsf1m1e);--_9ebxua2: var(--ntsf1m1e)}._9ebxua9:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--_9ebxua0) - 10px);height:calc(var(--_9ebxua0) - 10px);border-radius:var(--ntsf1m3g);background-color:#fff}._9ebxuaa{opacity:.5;cursor:not-allowed}._9ebxuab{--_9ebxua3: var(--ntsf1m1e);--_9ebxua2: var(--ntsf1m1e)}._9ebxuac{margin-left:var(--ntsf1m2v);font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer}._9ebxuad{--_9ebxua0: 16px}._9ebxuae{--_9ebxua0: 18px}._9ebxuaf{--_9ebxua0: 20px}._9ebxuag{--_9ebxua0: 22px}._9ebxuah{--_9ebxua0: 24px}._17j4o87{--_17j4o84: transparent;align-items:center;box-sizing:border-box;display:inline-flex;font-size:var(--ntsf1m2z);font-weight:500;max-width:100%;width:auto;position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;justify-content:center;height:var(--_17j4o80);line-height:var(--_17j4o80);border-radius:var(--_17j4o81);padding:var(--_17j4o82);z-index:auto;background-color:var(--_17j4o83);border:1px solid var(--_17j4o84);color:var(--_17j4o86);transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38);font-family:inherit}._17j4o87:hover{cursor:pointer}._17j4o87:focus{outline:none}._17j4o88{--_17j4o83: white;--_17j4o86: var(--ntsf1m1e);--_17j4o85: var(--ntsf1m18);--_17j4o84: var(--ntsf1m10);box-shadow:0 .5px 0 4px #00000003}._17j4o88:hover{--_17j4o86: var(--ntsf1m1f)}._17j4o88:focus{--_17j4o86: var(--ntsf1m1e)}._17j4o89{--_17j4o86: var(--ntsf1m13);--_17j4o83: transparent;--_17j4o85: var(--ntsf1m1e);--_17j4o84: transparent}._17j4o89:hover{--_17j4o86: var(--ntsf1m1d)}._17j4o89:focus{--_17j4o86: var(--ntsf1m1d)}._17j4o8a{--_17j4o80: 22px;--_17j4o81: 2px;--_17j4o82: 0 var(--ntsf1m2q);font-size:var(--ntsf1m31)}._17j4o8b{--_17j4o80: 28px;--_17j4o81: 3px;--_17j4o82: 0 var(--ntsf1m2r);font-size:var(--ntsf1m31)}._17j4o8c{--_17j4o80: 36px;--_17j4o81: 4px;--_17j4o82: 0 var(--ntsf1m2s)}._17j4o8d{--_17j4o80: 40px;--_17j4o81: 6px;--_17j4o82: 0 var(--ntsf1m2s);font-size:var(--ntsf1m32)}._17j4o8e{--_17j4o80: 45px;--_17j4o81: 8px;--_17j4o82: 0 var(--ntsf1m2t);font-size:var(--ntsf1m32)}._17j4o8f{display:flex;flex-grow:0;flex-shrink:0;font-size:0;line-height:0;-webkit-user-select:none;user-select:none}._17j4o8f>svg{overflow:hidden;pointer-events:none;max-width:100%;max-height:100%;vertical-align:middle}._17j4o8g{pointer-events:none;position:absolute;border:0;left:0;right:0;top:0;bottom:0;opacity:0}.nd85wg3{--nd85wg0: var(--ntsf1m2q);--nd85wg1: var(--ntsf1m3c);--nd85wg2: var(--ntsf1m2q);display:inline-flex;position:relative;flex-wrap:nowrap;background-color:var(--ntsf1my);padding:var(--nd85wg0);border-radius:var(--nd85wg1);gap:var(--nd85wg2)}.nd85wg4{flex-direction:column}.nd85wg5{display:flex;align-items:stretch}.nd85wg3.nd85wg5>._17j4o87{flex:1}.n5k6jk7{--n5k6jk0: 26px;--n5k6jk1: 4px;--n5k6jk2: var(--ntsf1m2w);--n5k6jk3: var(--ntsf1m2p);--n5k6jk4: var(--ntsf1my);--n5k6jk6: var(--ntsf1m16);--n5k6jk5: var(--ntsf1my);height:var(--n5k6jk0);min-height:var(--n5k6jk0);line-height:var(--n5k6jk0);border-radius:var(--n5k6jk1);border-width:1px;border-style:solid;color:var(--n5k6jk6);border-color:var(--n5k6jk4);background-color:var(--n5k6jk5);padding:var(--n5k6jk3) var(--n5k6jk2);word-break:break-word;font-size:var(--ntsf1m2z);display:inline-flex;align-items:center}.n5k6jk8{margin-left:var(--ntsf1m2q);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;padding:3px;position:relative;right:-2px;color:var(--ntsf1m14);border-radius:50%}.n5k6jk8:hover{background-color:var(--ntsf1m10);color:var(--ntsf1m16)}.n5k6jk8:focus{outline:none}._1cuepoga{position:relative;outline:none}._1cuepogb{--_1cuepog0: 38px;--_1cuepog1: 4px;--_1cuepog2: var(--ntsf1m2r);--_1cuepog3: var(--ntsf1m2p);--_1cuepog4: var(--ntsf1m12);--_1cuepog6: var(--ntsf1m18);--_1cuepog5: #FFFFFF;--_1cuepog7: text;height:var(--_1cuepog0);min-height:var(--_1cuepog0);width:100%;border-radius:var(--_1cuepog1);border-width:1px;border-style:solid;border-color:var(--_1cuepog4);padding:var(--_1cuepog3) var(--_1cuepog2);font-size:var(--ntsf1m2z);display:block;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--_1cuepog0);box-sizing:border-box;resize:none;cursor:pointer;box-shadow:none;transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38)}._1cuepogb:hover{--_1cuepog4: var(--ntsf1m1d)}._1cuepogb:focus{--_1cuepog4: var(--ntsf1m1e);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1b)}._1cuepogc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ntsf1m2q)}._1cuepogd{width:100%}._1cuepoge{--_1cuepog4: var(--ntsf1m10);--_1cuepog6: var(--ntsf1m14);--_1cuepog5: var(--ntsf1mw);--_1cuepog7: not-allowed}._1cuepoge:focus{box-shadow:none}._1cuepoge:hover{cursor:not-allowed}._1cuepogf{font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2q)}._1cuepogg{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);line-height:var(--ntsf1m32);word-break:break-word;margin-bottom:var(--ntsf1m2w)}._1cuepogh{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m1z);word-break:break-word;margin-top:var(--ntsf1m2w)}._1cuepogi,._1cuepogi:hover{--_1cuepog4: var(--ntsf1m1y)}._1cuepogi:focus{--_1cuepog4: var(--ntsf1m1y);box-shadow:0 0 0 2px var(--ntsf1m1v)}._1cuepogj{--_1cuepog4: var(--ntsf1m1e);box-shadow:0 0 0 2px var(--ntsf1m1b)}._1cuepogk{pointer-events:none;position:absolute;z-index:1;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.25rem;color:var(--ntsf1m13)}._1cuepogl{padding-right:2.25rem}._1cuepogm{background-color:#fff;border-radius:4px;z-index:4000;border:1px solid var(--ntsf1m10);box-shadow:var(--ntsf1m36);max-height:230px;overflow-y:auto}._1cuepogn{-webkit-user-select:none;user-select:none;color:var(--ntsf1m14)}._1cuepogo{background-color:#fff;position:sticky;top:0;z-index:1}._1cuepogp{padding:var(--ntsf1m2x) var(--ntsf1m2x);border:none;outline:none;width:100%;font-size:var(--ntsf1m2z);border-bottom:1px solid var(--ntsf1m10);color:var(--ntsf1m17)}._1cuepogq{padding:var(--ntsf1m2q);display:flex;flex-direction:column;gap:var(--ntsf1m2v)}._1cuepogr{--_1cuepog8: var(--ntsf1m17);--_1cuepog9: #FFFFFF;position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m2z);padding-block:var(--ntsf1m2w);padding-inline:var(--ntsf1m2s);gap:var(--ntsf1m2r);color:var(--_1cuepog8);transition:background-color .05s ease-in-out;background-color:var(--_1cuepog9);border-radius:4px}._1cuepogr:hover,._1cuepogs,._1cuepogs:hover{--_1cuepog8: var(--ntsf1m17);--_1cuepog9: var(--ntsf1my)}._1cuepogt{--_1cuepog8: var(--ntsf1m19);--_1cuepog9: var(--ntsf1m1e)}._1cuepogt:hover{--_1cuepog8: var(--ntsf1m19);--_1cuepog9: var(--ntsf1m1f)}._1cuepogu{padding:var(--ntsf1m2r) 0;display:flex;align-items:center;text-align:center;justify-content:center;gap:var(--ntsf1m2v);width:100%;color:var(--ntsf1m14);font-size:var(--ntsf1m31)}@keyframes skeleton-shine-animation{0%{background:var(--ntsf1m10)}40%{background:var(--ntsf1my)}80%{background:var(--ntsf1m10)}to{background:var(--ntsf1m10)}}.vvn4y46{--vvn4y41: 100%;--vvn4y40: 1em;--vvn4y42: var(--ntsf1m2r);--vvn4y43: 4px;--vvn4y44: var(--ntsf1m10);--vvn4y45: var(--ntsf1my);width:var(--vvn4y41);height:var(--vvn4y40);margin-bottom:var(--vvn4y42);border-radius:var(--vvn4y43);position:relative;display:inline-block;overflow:hidden;background-color:var(--ntsf1m10)}.vvn4y47:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background-color:var(--ntsf1my);transition:var(--vvn4y44) .3s ease-in-out,var(--vvn4y45) .3s ease-in-out,background-color .3s ease-in-out;animation:skeleton-shine-animation 1.5s cubic-bezier(.36,0,.64,1) infinite}.nth4pa4{--nth4pa3: 18px;--nth4pa0: var(--ntsf1m12);--nth4pa1: var(--ntsf1m1e);--nth4pa2: #fff;outline:0;display:block;width:calc(var(--nth4pa3) * 2);min-width:calc(var(--nth4pa3) * 2);height:calc(var(--nth4pa3) + 2px);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2em;padding:2px;background:var(--nth4pa0);transition:all .4s ease}.nth4pa4:after{content:"";position:relative;display:block;width:calc(var(--nth4pa3) - 2px);height:100%;left:0;border-radius:50%;background:var(--nth4pa2);transition:all .2s ease}.nth4pa4:before{content:"";position:relative;width:50%;height:100%;display:none}.nth4pa5{--nth4pa0: var(--nth4pa1)}.nth4pa5:after{left:50%}.nth4pa6{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--ntsf1m2w)}.nth4pa7{position:absolute;opacity:0;cursor:pointer}.nth4pa8{opacity:.5;cursor:not-allowed}.nth4pa9{margin-left:var(--ntsf1m2v);font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer}.nth4paa{--nth4pa3: 14px}.nth4pab{--nth4pa3: 16px}.nth4pac{--nth4pa3: 18px}.nth4pad{--nth4pa3: 20px}.nth4pae{--nth4pa3: 22px}.nth4pa6 .nth4pa7:focus+.nth4pa4{box-shadow:0 0 0 2px var(--ntsf1m1b)}._7qymuu0{width:100%;overflow:auto}._7qymuu4{--_7qymuu1: 44px;--_7qymuu2: 8px 14px;--_7qymuu3: var(--ntsf1m2z);width:100%;border-collapse:collapse;font-size:var(--_7qymuu3)}._7qymuu6 tbody tr:nth-child(2n){background-color:var(--ntsf1mx)}._7qymuu4 th{height:var(--_7qymuu1);padding:var(--_7qymuu2);text-align:left;background-color:var(--ntsf1my);border-bottom:1px solid var(--ntsf1m10);color:var(--ntsf1m15);font-weight:500;font-size:var(--ntsf1m2z);margin-bottom:5px}._7qymuu4 td{padding:var(--_7qymuu2);text-align:left;color:var(--ntsf1m18);border-bottom:1px solid var(--ntsf1m10);font-weight:400;transition:background-color .2s var(--ntsf1m38)}._7qymuu5 tr:hover td{background-color:var(--ntsf1my)}._5gdpyh8{position:relative}._5gdpyh9{--_5gdpyh0: 38px;--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m2r);--_5gdpyh3: var(--ntsf1m2v);--_5gdpyh4: var(--ntsf1m12);--_5gdpyh6: var(--ntsf1mv);--_5gdpyh5: #FFFFFF;--_5gdpyh7: text;min-height:var(--_5gdpyh0);width:100%;border-radius:var(--_5gdpyh1);border-width:1px;border-style:solid;border-color:var(--_5gdpyh4);padding:var(--_5gdpyh3) var(--_5gdpyh2);font-size:var(--ntsf1m2z);font-family:inherit;display:block;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;resize:vertical;box-shadow:none;color:var(--_5gdpyh6);transition:color .3s var(--ntsf1m38),background-color .3s var(--ntsf1m38),box-shadow .3s var(--ntsf1m38),border-color .3s var(--ntsf1m38)}._5gdpyh9:hover{--_5gdpyh4: var(--ntsf1m1d)}._5gdpyh9:focus{--_5gdpyh4: var(--ntsf1m1e);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1b)}._5gdpyha{--_5gdpyh1: 2px;--_5gdpyh2: var(--ntsf1m2q);--_5gdpyh3: var(--ntsf1m2v);font-size:var(--ntsf1m31);min-height:20px}._5gdpyhb{--_5gdpyh1: 3px;--_5gdpyh2: var(--ntsf1m2w);--_5gdpyh3: var(--ntsf1m2q);font-size:var(--ntsf1m31);min-height:24px}._5gdpyhc{--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m2w);--_5gdpyh3: var(--ntsf1m2q);min-height:28px}._5gdpyhd{--_5gdpyh1: 6px;--_5gdpyh2: var(--ntsf1m2x);--_5gdpyh3: var(--ntsf1m2w);font-size:var(--ntsf1m32);min-height:34px}._5gdpyhe{--_5gdpyh1: 8px;--_5gdpyh2: var(--ntsf1m2s);--_5gdpyh3: var(--ntsf1m2w);font-size:var(--ntsf1m32);min-height:36px}._5gdpyhf{width:100%}._5gdpyhg{--_5gdpyh4: var(--ntsf1m10);--_5gdpyh6: var(--ntsf1m14);--_5gdpyh5: var(--ntsf1mw);--_5gdpyh7: not-allowed}._5gdpyhg:focus{box-shadow:none}._5gdpyhg:hover{cursor:not-allowed}._5gdpyhh{font-weight:500;display:inline-block;font-size:var(--ntsf1m2z);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2q);color:var(--ntsf1mv)}._5gdpyhi{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m15);line-height:var(--ntsf1m32);word-break:break-word;margin-bottom:var(--ntsf1m2w)}._5gdpyhj{display:block;text-decoration:none;font-size:var(--ntsf1m2z);color:var(--ntsf1m1z);word-break:break-word;margin-top:var(--ntsf1m2w)}._5gdpyhk,._5gdpyhk:hover{--_5gdpyh4: var(--ntsf1m1y)}._5gdpyhk:focus{--_5gdpyh4: var(--ntsf1m1y);box-shadow:0 0 0 2px var(--ntsf1m1v)}@keyframes fade-out-animation{0%{opacity:1}to{opacity:0}}@keyframes fade-in-animation{0%{opacity:0}to{opacity:1}}.zjrp2q2{position:relative;display:inline-flex}.zjrp2q3{z-index:50}.zjrp2q4{--zjrp2q0: var(--ntsf1m18);--zjrp2q1: var(--ntsf1my);z-index:50;transition:opacity .3s,ease;position:fixed;font-size:13px;font-weight:400;color:var(--zjrp2q1);background-color:var(--zjrp2q0);border-radius:var(--ntsf1m3c);padding:var(--ntsf1m2w) var(--ntsf1m2r);pointer-events:none;width:max-content;max-width:300px;box-sizing:border-box}.zjrp2q4[data-popper-placement^=top]{margin:var(--ntsf1m2q) 0 var(--ntsf1m2s) 0}.zjrp2q4[data-popper-placement^=bottom]{margin:var(--ntsf1m2s) 0 var(--ntsf1m2q) 0}.zjrp2q4[data-popper-placement^=left]{margin:0 var(--ntsf1m2s) 0 var(--ntsf1m2q)}.zjrp2q4[data-popper-placement^=right]{margin:0 var(--ntsf1m2q) 0 var(--ntsf1m2s)}.zjrp2q5{--zjrp2q0: var(--ntsf1my);--zjrp2q1: var(--ntsf1m18)}.zjrp2q6{animation-name:fade-in-animation;animation-duration:.125s;animation-timing-function:ease-in-out;transition:var(--ntsf1m38)}.zjrp2q7{animation-name:fade-out-animation;animation-duration:.2s;animation-timing-function:ease-in-out}.eo9iqi0{display:flex;flex-wrap:nowrap;word-break:break-word;font-size:var(--ntsf1m2z);width:100%;height:300px;border:1px solid var(--ntsf1m12);border-radius:var(--ntsf1m3c);overflow:hidden}.eo9iqi1{flex:1;min-width:0;height:inherit;display:flex;flex-direction:column;overflow:auto}.eo9iqi2{min-height:40px;box-sizing:border-box;display:flex;padding:var(--ntsf1m2t);align-items:center;position:sticky;top:0;background-color:#fff;z-index:1}.eo9iqi3{flex-basis:0;flex-grow:1;box-sizing:border-box;position:relative;display:flex;flex-direction:column}.eo9iqi4{flex:1;position:relative;overflow:auto}.eo9iqi5{padding:0 var(--ntsf1m2t);min-height:35px;display:flex;align-items:center;color:var(--ntsf1ms);cursor:pointer;-webkit-user-select:none;user-select:none}.eo9iqi5:hover{background-color:var(--ntsf1mz)}._1e8logj0{overflow:auto;will-change:transform;contain:strict}._1e8logj0>div{overflow:hidden;will-change:transform}._1e8logj0>div>div{will-change:transform;backface-visibility:hidden}
package/lib/styles/theme.css.d.ts CHANGED
@@ -128,16 +128,16 @@ export declare const themeVars: {
128
128
  };
129
129
  };
130
130
  space: {
131
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
- 0.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
- 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
- 1.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
- 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
- 2.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
- 3.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
- 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
- 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
+ '0.5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ '1.5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ '2.5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ '3.5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
141
  };
142
142
  fontSize: {
143
143
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teammodlr/ui-kit",
3
- "version": "2.0.39",
3
+ "version": "2.1.0",
4
4
  "description": "",
5
5
  "main": "lib/index.cjs.js",
6
6
  "module": "lib/index.es.js",
@@ -23,12 +23,11 @@
23
23
  },
24
24
  "sideEffects": false,
25
25
  "scripts": {
26
- "dev": "npm run storybook",
26
+ "dev": "pnpm run storybook",
27
27
  "storybook": "storybook dev -p 6006",
28
- "build": "npm run build:vite && npm run gen-types",
28
+ "build": "pnpm run build:vite && npm run gen-types",
29
29
  "build:vite": "vite build",
30
30
  "build:storybook": "storybook build",
31
- "test": "",
32
31
  "gen-types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.vitest.json --composite false",
33
32
  "release:prepare": "npm run build",
34
33
  "release": "bumpp --execute=\"npm run release:prepare\" --all",
@@ -39,43 +38,41 @@
39
38
  "license": "ISC",
40
39
  "devDependencies": {
41
40
  "@babel/core": "^7.21.0",
42
- "@capsizecss/core": "^3.1.0",
43
- "@capsizecss/metrics": "^1.1.1",
44
- "@capsizecss/vanilla-extract": "^1.0.0",
45
41
  "@nuxt/kit": "^3.3.2",
46
42
  "@nuxt/schema": "^3.3.2",
47
- "@storybook/addon-actions": "^7.0.22",
48
- "@storybook/addon-essentials": "^7.0.22",
49
- "@storybook/addon-interactions": "^7.0.22",
50
- "@storybook/addon-links": "^7.0.22",
51
- "@storybook/addons": "^7.0.22",
43
+ "@storybook/addon-actions": "^7.2.1",
44
+ "@storybook/addon-essentials": "^7.2.1",
45
+ "@storybook/addon-interactions": "^7.2.1",
46
+ "@storybook/addon-links": "^7.2.1",
47
+ "@storybook/addons": "^7.2.1",
52
48
  "@storybook/testing-library": "^0.2.0",
53
- "@storybook/theming": "^7.0.22",
54
- "@storybook/vue3": "^7.0.22",
55
- "@storybook/vue3-vite": "^7.0.22",
49
+ "@storybook/theming": "^7.2.1",
50
+ "@storybook/vue3": "^7.2.1",
51
+ "@storybook/vue3-vite": "^7.2.1",
56
52
  "@types/jsdom": "^21.1.0",
57
53
  "@types/node": "^18.14.1",
58
- "@vanilla-extract/css": "^1.9.5",
59
- "@vanilla-extract/vite-plugin": "^3.8.0",
60
- "@vitejs/plugin-vue": "^4.0.0",
61
- "@vue/tsconfig": "^0.1.3",
62
- "@vueuse/core": "^10.0.0-beta.2",
54
+ "@vanilla-extract/css": "^1.12.0",
55
+ "@vanilla-extract/vite-plugin": "^3.8.2",
56
+ "@vitejs/plugin-vue": "^4.2.3",
57
+ "@vue/tsconfig": "^0.4.0",
58
+ "@vueuse/core": "^10.3.0",
63
59
  "babel-loader": "^9.1.2",
64
- "bumpp": "^9.1.0",
60
+ "bumpp": "^9.1.1",
65
61
  "react": "^18.2.0",
66
62
  "react-dom": "^18.2.0",
67
- "storybook": "^7.0.22",
63
+ "storybook": "^7.2.1",
68
64
  "ts-node": "^10.9.1",
69
- "typescript": "^4.9.5",
70
- "vite": "^4.2.1",
71
- "vue": "^3.2.47",
72
- "vue-loader": "^17.0.1",
73
- "vue-tsc": "^1.2.0"
65
+ "typescript": "^5.1.6",
66
+ "vite": "^4.4.8",
67
+ "vue": "^3.3.4",
68
+ "vue-loader": "^17.2.2",
69
+ "vue-tsc": "^1.8.8"
74
70
  },
75
71
  "dependencies": {
76
72
  "@floating-ui/vue": "^1.0.0",
77
73
  "@popperjs/core": "^2.11.6",
78
74
  "@vanilla-extract/dynamic": "^2.0.3",
75
+ "@vitejs/plugin-vue-jsx": "^3.0.1",
79
76
  "@vueuse/integrations": "^10.0.0-beta.2",
80
77
  "focus-trap": "^7.4.0",
81
78
  "maska": "^2.1.9"
package/src/components/breadcrumb/Breadcrumb.vue CHANGED
@@ -5,17 +5,14 @@
5
5
  </template>
6
6
 
7
7
  <script lang="ts">
8
- import type {PropType} from "vue";
9
- import {computed, defineComponent, provide, reactive, toRef} from "vue";
10
- import type {BreadcrumbItemState, BreadcrumbOptions, BreadcrumbState} from "./symbol";
11
- import {BREADCRUMB_STATE} from "./symbol";
8
+ import type { PropType } from "vue";
9
+ import { computed, defineComponent, provide, reactive, toRef } from "vue";
10
+ import type { BreadcrumbItemState, BreadcrumbOptions, BreadcrumbState } from "./symbol";
11
+ import { BREADCRUMB_STATE } from "./symbol";
12
12
  import * as style from "./style";
13
13
 
14
14
  export default defineComponent({
15
15
  name: "Breadcrumb",
16
- components: {
17
- BreadcrumbItem: () => import('./BreadcrumbItem.vue')
18
- },
19
16
  props: {
20
17
  seperator: {
21
18
  type: String,
@@ -49,7 +46,6 @@ export default defineComponent({
49
46
  provide(BREADCRUMB_STATE, state);
50
47
 
51
48
  return {
52
- props,
53
49
  refreshItems,
54
50
  classes
55
51
  }
package/src/components/dialog/Dialog.vue ADDED
@@ -0,0 +1,60 @@
1
+ <template>
2
+ <div>
3
+ <MModal ref="modal" :title="title" :canClickOutside="false" :onClose="onClose">
4
+ <template #body>
5
+ {{ content }}
6
+ </template>
7
+
8
+ <template #footer>
9
+ <div style="display: flex; flex-grow: 1; justify-content: end;">
10
+ <MButton :variant="okVariant" @click="handleOk">
11
+ {{ okText ?? 'Okay' }}
12
+ </MButton>
13
+ <MButton style="margin-left: 8px;" @click="handleCancel">
14
+ {{ cancelText ?? 'Cancel' }}
15
+ </MButton>
16
+ </div>
17
+ </template>
18
+ </MModal>
19
+ </div>
20
+ </template>
21
+
22
+ <script lang="ts">
23
+ import { defineComponent, onMounted, ref } from 'vue';
24
+ import { useZIndex } from '../../composables/useZIndex';
25
+ import { dialogProps } from './props';
26
+ import MModal from '../modal/Modal.vue';
27
+
28
+ export default defineComponent({
29
+ name: "Dialog",
30
+ props: dialogProps,
31
+ setup(props, { slots }) {
32
+ const modal = ref();
33
+
34
+ const { nextZIndex } = useZIndex();
35
+
36
+ async function handleCancel(event: MouseEvent) {
37
+ modal.value?.close();
38
+ if (props.onCancel) {
39
+ await props.onCancel(event)
40
+ }
41
+ }
42
+
43
+ async function handleOk(event: MouseEvent) {
44
+ modal.value?.close();
45
+ if (props.onOk) {
46
+ props.onOk(event)
47
+ }
48
+ }
49
+ onMounted(() => {
50
+ modal.value?.open(null);
51
+ });
52
+ return {
53
+ modal,
54
+ handleOk,
55
+ handleCancel
56
+ };
57
+ },
58
+ components: { MModal }
59
+ });
60
+ </script>
package/src/components/dialog/DialogProvider.vue ADDED
@@ -0,0 +1,81 @@
1
+ <template>
2
+ <slot />
3
+ <template>
4
+ <Teleport :to="teleportTo ?? 'body'">
5
+ {{ dialogList }}
6
+ <MDialog v-for=" dialog in dialogList"
7
+ :key="dialog.key"
8
+ :internalKey="dialog.key"
9
+ :title="dialog.title"
10
+ :content="dialog.content"
11
+ :okText="dialog.okText"
12
+ :cancelText="dialog.cancelText"
13
+ :on-ok="dialog.onOk"
14
+ :on-cancel="dialog.onCancel"
15
+ :ok-variant="dialog.okVariant"
16
+ ref="dialogRefs" />
17
+ </Teleport>
18
+ </template>
19
+ </template>
20
+
21
+ <script lang="ts">
22
+ import { defineComponent, provide, ref } from "vue";
23
+ import { useCachedUid } from "../../composables/useCachedUid";
24
+ import { providerProps } from "./providerProps";
25
+ import type { Dialog, DialogApiInjection, DialogContentType, DialogOptions } from "./types";
26
+ import MDialog from "./Dialog.vue";
27
+
28
+ interface PrivateDialog extends Dialog {
29
+ key: string
30
+ }
31
+
32
+ interface PrivateDialogRef extends Dialog {
33
+ key: string
34
+ hide: () => void
35
+ }
36
+
37
+ export default defineComponent({
38
+ name: "Provider",
39
+ props: providerProps,
40
+ setup(props, { slots }) {
41
+ const dialogListRef = ref<PrivateDialog[]>([])
42
+ const dialogRefs: Record<string, PrivateDialogRef> = {};
43
+
44
+ function create(options: DialogOptions): Dialog {
45
+ const { id } = useCachedUid('m-dialog');
46
+ const key = id.value;
47
+ const dialog: PrivateDialog = {
48
+ ...options,
49
+ key,
50
+ destroy: () => {
51
+ dialogRefs[key].hide();
52
+ }
53
+ };
54
+
55
+ dialogListRef.value.push(dialog);
56
+ return dialog;
57
+ }
58
+
59
+ function destroyAll(): void {
60
+ // @ts-ignore
61
+ Object.values(dialogRefs.value).forEach((dialog) => {
62
+ dialog.hide();
63
+ })
64
+ }
65
+
66
+ const api: DialogApiInjection = {
67
+ create,
68
+ destroyAll
69
+ } as const;
70
+
71
+ provide('m-dialog', api);
72
+
73
+ return {
74
+ ...api,
75
+ dialogRefs,
76
+ dialogList: dialogListRef,
77
+ }
78
+ }
79
+ })
80
+
81
+ </script>
package/src/components/dialog/examples/basic.vue ADDED
@@ -0,0 +1,48 @@
1
+ <template>
2
+ <div>
3
+ <button @click="showBasicDialog">
4
+ Show Basic</button>
5
+
6
+ <button @click="showDangerDialog">
7
+ Show Danger
8
+ </button>
9
+ </div>
10
+ </template>
11
+
12
+ <script lang="ts" setup>
13
+ import { ref } from 'vue';
14
+ import { useDialog } from '../useDialog';
15
+
16
+ const dialog = useDialog();
17
+
18
+ async function showBasicDialog() {
19
+ const result = dialog.create({
20
+ title: 'Hello World',
21
+ content: 'This is a dialog',
22
+ okText: 'OK',
23
+ cancelText: 'Cancel',
24
+ onOk: () => {
25
+ console.log('OK');
26
+ },
27
+ onCancel: () => {
28
+ console.log('Cancel');
29
+ }
30
+ });
31
+ }
32
+
33
+ async function showDangerDialog() {
34
+ const result = dialog.create({
35
+ title: 'Hello World',
36
+ content: 'This is a dialog',
37
+ okText: 'Continue',
38
+ okVariant: 'error',
39
+ cancelText: 'Cancel',
40
+ onOk: () => {
41
+ showBasicDialog()
42
+ },
43
+ onCancel: () => {
44
+ console.log('Cancel');
45
+ }
46
+ });
47
+ }
48
+ </script>
package/src/components/dialog/examples/index.stories.ts ADDED
@@ -0,0 +1,29 @@
1
+ import MDialogProvider from "../DialogProvider.vue";
2
+ import {
3
+ MDialogProviderBasic,
4
+ } from "./index";
5
+
6
+ const Template = (args: any) => ({
7
+ components: {
8
+ MDialogProvider,
9
+ MDialogProviderBasic
10
+ },
11
+ setup() {
12
+
13
+ return {
14
+ args,
15
+ };
16
+ },
17
+ template: `
18
+ <m-dialog-provider v-bind="args">
19
+ <MDialogProviderBasic />
20
+ </m-dialog-provider>
21
+ `
22
+ })
23
+
24
+ export default {
25
+ component: MDialogProvider,
26
+ title: 'Components/Dialog'
27
+ }
28
+
29
+ export const Primary = Template.bind({});
package/src/components/dialog/examples/index.ts ADDED
@@ -0,0 +1 @@
1
+ export { default as MDialogProviderBasic } from './basic.vue';
package/src/components/dialog/examples/wrapper.vue ADDED
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <m-message-provider placement="top-left">
3
+ <slot />
4
+ </m-message-provider>
5
+ </template>
6
+
7
+ <script lang="ts" setup>
8
+ import MMessageProvider from '../MessageProvider.vue';
9
+ </script>
package/src/components/dialog/props.ts ADDED
@@ -0,0 +1,24 @@
1
+ import type { Variant } from '../../types/props';
2
+ import type { ExtractPropTypes, PropType, VNodeChild } from 'vue';
3
+
4
+ export const dialogProps = {
5
+ title: String,
6
+ closable: {
7
+ type: Boolean,
8
+ default: true
9
+ },
10
+ okText: String,
11
+ cancelText: String,
12
+ content: [String, Function] as PropType<string | (() => VNodeChild)>,
13
+ action: Function as PropType<() => VNodeChild>,
14
+ loading: Boolean,
15
+ onOk: Function as PropType<(e: MouseEvent) => void>,
16
+ onCancel: Function as PropType<(e: MouseEvent) => void>,
17
+ onClose: Function as PropType<() => void>,
18
+ okVariant: {
19
+ type: String as PropType<Variant>,
20
+ default: 'primary'
21
+ },
22
+ } as const;
23
+
24
+ export type DialogProps = ExtractPropTypes<typeof dialogProps>
package/src/components/dialog/providerProps.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { ExtractPropTypes, PropType } from 'vue';
2
+
3
+
4
+ export const providerProps = {
5
+ teleportTo: {
6
+ type: String,
7
+ default: 'body'
8
+ }
9
+ };
10
+
11
+ export type ProviderProps = ExtractPropTypes<typeof providerProps>