@teammodlr/ui-kit 2.1.12 → 2.1.13

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 (17) hide show
  1. package/lib/components/dropdown/Dropdown.vue.d.ts +1 -0
  2. package/lib/components/dropdown/DropdownHeading.vue.d.ts +4 -0
  3. package/lib/components/dropdown/style/Dropdown.css.d.ts +1 -0
  4. package/lib/components/index.d.ts +1 -0
  5. package/lib/components/messageprovider/Message.vue.d.ts +1 -1
  6. package/lib/components/modal/Modal.vue.d.ts +9 -0
  7. package/lib/index.cjs.js +9 -9
  8. package/lib/index.es.js +2082 -2040
  9. package/lib/style.css +1 -1
  10. package/package.json +1 -1
  11. package/src/components/dropdown/Dropdown.vue +89 -51
  12. package/src/components/dropdown/DropdownHeading.vue +23 -0
  13. package/src/components/dropdown/examples/basic.vue +57 -15
  14. package/src/components/dropdown/examples/index.stories.ts +2 -0
  15. package/src/components/dropdown/style/Dropdown.css.ts +9 -1
  16. package/src/components/index.ts +1 -0
  17. package/src/components/modal/Modal.vue +5 -0
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:20px}.ntsf1m7{margin:24px}.ntsf1m8{margin:28px}.ntsf1m9{margin:2px}.ntsf1ma{margin:6px}.ntsf1mb{margin:10px}.ntsf1mc{margin:14px}.ntsf1md{border-radius:0}.ntsf1me{border-radius:1px}.ntsf1mf{border-radius:2px}.ntsf1mg{border-radius:4px}.ntsf1mh{border-radius:6px}.ntsf1mi{border-radius:8px}.ntsf1mj{border-radius:12px}.ntsf1mk{border-radius:9999px}.ntsf1ml{font-size:14px}.ntsf1mm{font-size:10px}.ntsf1mn{font-size:12px}.ntsf1mo{font-size:16px}.ntsf1mp{font-size:18px}.ntsf1mq{font-size:20px}.ntsf1mr{box-shadow:0 3px 6px 1px #9aa1ab26}.ntsf1ms{box-shadow:0 4px 10px 1px #9aa1ab33}.ntsf1mt{box-shadow:0 7px 14px 1px #9aa1ab3b}.ntsf1mu{transition:cubic-bezier(.4,0,.2,1)}:root{--ntsf1mv: #1F2328;--ntsf1mw: #656d76;--ntsf1mx: #6e7781;--ntsf1my: #24292f;--ntsf1mz: hsl(0,0%,98%);--ntsf1m10: #f9fbfd;--ntsf1m11: #f6f8fa;--ntsf1m12: #f2f3f5;--ntsf1m13: #eaeef2;--ntsf1m14: #f3f4f6;--ntsf1m15: #d0d7de;--ntsf1m16: #afb8c1;--ntsf1m17: #8c959f;--ntsf1m18: #6e7781;--ntsf1m19: #57606a;--ntsf1m1a: #424a53;--ntsf1m1b: #32383f;--ntsf1m1c: hsl(214,100%,96.9%);--ntsf1m1d: hsl(214,94.6%,92.7%);--ntsf1m1e: hsl(213,96.9%,87.3%);--ntsf1m1f: hsl(212,96.4%,78.4%);--ntsf1m1g: hsl(213,93.9%,67.8%);--ntsf1m1h: hsl(217,91.2%,59.8%);--ntsf1m1i: hsl(221,83.2%,53.3%);--ntsf1m1j: hsl(224,76.3%,48%);--ntsf1m1k: hsl(226,70.7%,40.2%);--ntsf1m1l: hsl(224,64.3%,32.9%);--ntsf1m1m: hsl(48,100%,96.1%);--ntsf1m1n: hsl(48,96.5%,88.8%);--ntsf1m1o: hsl(48,96.6%,76.7%);--ntsf1m1p: hsl(46,96.7%,64.5%);--ntsf1m1q: hsl(43,96.4%,56.3%);--ntsf1m1r: hsl(38,92.1%,50.2%);--ntsf1m1s: hsl(32,94.6%,43.7%);--ntsf1m1t: hsl(26,90.5%,37.1%);--ntsf1m1u: hsl(23,82.5%,31.4%);--ntsf1m1v: hsl(22,77.8%,26.5%);--ntsf1m1w: hsl(0,85.7%,97.3%);--ntsf1m1x: hsl(0,93.3%,94.1%);--ntsf1m1y: hsl(0,96.3%,89.4%);--ntsf1m1z: hsl(0,93.5%,81.8%);--ntsf1m20: hsl(0,90.6%,70.8%);--ntsf1m21: hsl(0,84.2%,60.2%);--ntsf1m22: hsl(0,72.2%,50.6%);--ntsf1m23: hsl(0,73.7%,41.8%);--ntsf1m24: hsl(0,70%,35.3%);--ntsf1m25: hsl(0,62.8%,30.6%);--ntsf1m26: hsl(152,81%,95.9%);--ntsf1m27: hsl(149,80.4%,90%);--ntsf1m28: hsl(152,76%,80.4%);--ntsf1m29: hsl(156,71.6%,66.9%);--ntsf1m2a: hsl(158,64.4%,51.6%);--ntsf1m2b: hsl(160,84.1%,39.4%);--ntsf1m2c: hsl(161,93.5%,30.4%);--ntsf1m2d: hsl(163,93.5%,24.3%);--ntsf1m2e: hsl(163,88.1%,19.8%);--ntsf1m2f: hsl(164,85.7%,16.5%);--ntsf1m2g: hsl(217,91.2%,59.8%);--ntsf1m2h: #D0D4E9;--ntsf1m2i: #C1C5E2;--ntsf1m2j: #A1A8D3;--ntsf1m2k: #828CC4;--ntsf1m2l: #636FB6;--ntsf1m2m: #4B57A0;--ntsf1m2n: #3C4680;--ntsf1m2o: #2E3561;--ntsf1m2p: #1F2442;--ntsf1m2q: #14172A;--ntsf1m2r: #0E101E;--ntsf1m2s: 0px;--ntsf1m2t: 4px;--ntsf1m2u: 8px;--ntsf1m2v: 12px;--ntsf1m2w: 16px;--ntsf1m2x: 18px;--ntsf1m2y: 20px;--ntsf1m2z: 24px;--ntsf1m30: 28px;--ntsf1m31: 2px;--ntsf1m32: 6px;--ntsf1m33: 10px;--ntsf1m34: 14px;--ntsf1m35: 14px;--ntsf1m36: 10px;--ntsf1m37: 12px;--ntsf1m38: 16px;--ntsf1m39: 18px;--ntsf1m3a: 20px;--ntsf1m3b: 0px 3px 6px 1px rgb(154 161 171 / 15%);--ntsf1m3c: 0px 4px 10px 1px rgb(154 161 171 / 20%);--ntsf1m3d: 0px 7px 14px 1px rgb(154 161 171 / 23%);--ntsf1m3e: cubic-bezier(.4, 0, .2, 1);--ntsf1m3f: 0px;--ntsf1m3g: 1px;--ntsf1m3h: 2px;--ntsf1m3i: 4px;--ntsf1m3j: 6px;--ntsf1m3k: 8px;--ntsf1m3l: 12px;--ntsf1m3m: 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(--ntsf1mv)}strong,h1,h2,h3,h4,h5,h6{font-weight:500}._1rgsfqk2{width:var(--_1rgsfqk0);height:var(--_1rgsfqk0);border-radius:var(--_1rgsfqk1);background-color:var(--ntsf1m15);box-sizing:content-box;cursor:inherit;display:flex;flex-direction:column;justify-content:center;outline:none;overflow:hidden;position:static;border:0;padding:var(--ntsf1m2s);margin:var(--ntsf1m2t);color:var(--ntsf1m17);font-size:var(--ntsf1m37);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(--ntsf1m31) var(--ntsf1m2t)}.apht5f4{color:var(--apht5f0);margin:0;padding:0;font-size:var(--ntsf1m36);font-weight:500;letter-spacing:.5px;text-transform:uppercase;line-height:var(--ntsf1m35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apht5f5{--apht5f1: var(--ntsf1m1h);--apht5f0: #FFFFFF}.apht5f6{--apht5f1: var(--ntsf1m2p);--apht5f0: #FFFFFF}.apht5f7{--apht5f0: white;--apht5f1: var(--ntsf1m17)}.apht5f8{--apht5f0: var(--ntsf1m11);--apht5f1: var(--ntsf1m16)}.apht5f9{--apht5f1: var(--ntsf1m2b);--apht5f0: #FFFFFF}.apht5fa{--apht5f1: var(--ntsf1m1q);--apht5f0: var(--ntsf1m1a)}.apht5fb{--apht5f1: var(--ntsf1m21);--apht5f0: #FFFFFF}.apht5fc{--apht5f1: var(--ntsf1m1d);--apht5f0: var(--ntsf1m1i)}.apht5fd{--apht5f1: var(--ntsf1m2i);--apht5f0: var(--ntsf1m2q)}.apht5fe{--apht5f1: var(--ntsf1m11);--apht5f0: var(--ntsf1m18)}.apht5ff{--apht5f1: var(--ntsf1m11);--apht5f0: var(--ntsf1m16)}.apht5fg{--apht5f1: var(--ntsf1m27);--apht5f0: var(--ntsf1m2c)}.apht5fh{--apht5f1: var(--ntsf1m1n);--apht5f0: var(--ntsf1m1s)}.apht5fi{--apht5f1: var(--ntsf1m1x);--apht5f0: var(--ntsf1m22)}._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(--ntsf1m35)}._1j3winb2{padding:0 var(--ntsf1m2u);color:var(--ntsf1m18);cursor:pointer;text-decoration:none;outline:0;transition:color .2s var(--ntsf1m3e)}._1j3winb2:hover{color:var(--ntsf1m1h)}._1j3winb3{padding:0 var(--ntsf1m2t);display:inline-flex;color:var(--ntsf1m15);-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(--ntsf1m35);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(--ntsf1m3e),background-color .25s var(--ntsf1m3e),box-shadow .25s var(--ntsf1m3e),border-color .25s var(--ntsf1m3e);font-family:inherit}._1s6j4ps7:hover{cursor:pointer}._1s6j4ps7:focus{outline:none}._1s6j4ps8{--_1s6j4ps3: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m1h);--_1s6j4ps5: var(--ntsf1m1h);--_1s6j4ps6: #FFFFFF}._1s6j4ps8:hover{--_1s6j4ps3: var(--ntsf1m1i);--_1s6j4ps4: var(--ntsf1m1i)}._1s6j4ps8:focus{--_1s6j4ps3: var(--ntsf1m1i);--_1s6j4ps4: var(--ntsf1m1i)}._1s6j4ps9{--_1s6j4ps3: var(--ntsf1m2o);--_1s6j4ps4: var(--ntsf1m2o);--_1s6j4ps5: var(--ntsf1m2o);--_1s6j4ps6: #FFFFFF}._1s6j4ps9:hover{--_1s6j4ps3: var(--ntsf1m2p);--_1s6j4ps4: var(--ntsf1m2p)}._1s6j4ps9:focus{--_1s6j4ps3: var(--ntsf1m2q);--_1s6j4ps4: var(--ntsf1m2q)}._1s6j4psa{--_1s6j4ps6: var(--ntsf1my);--_1s6j4ps3: white;--_1s6j4ps5: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psa:hover{--_1s6j4ps6: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m1h)}._1s6j4psa:focus{--_1s6j4ps6: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m1h)}._1s6j4psb{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps5: var(--ntsf1m1d);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psb:hover{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: var(--ntsf1m14);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psb:focus{--_1s6j4ps6: var(--ntsf1my);--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psc{--_1s6j4ps3: var(--ntsf1m2b);--_1s6j4ps4: var(--ntsf1m2b);--_1s6j4ps5: var(--ntsf1m2b);--_1s6j4ps6: #FFFFFF}._1s6j4psc:hover{--_1s6j4ps3: var(--ntsf1m2c);--_1s6j4ps4: var(--ntsf1m2c);--_1s6j4ps6: #FFFFFF}._1s6j4psc:focus{--_1s6j4ps4: var(--ntsf1m2c);--_1s6j4ps3: var(--ntsf1m2c)}._1s6j4psd{--_1s6j4ps3: var(--ntsf1m1q);--_1s6j4ps4: var(--ntsf1m1q);--_1s6j4ps5: var(--ntsf1m1q);--_1s6j4ps6: var(--ntsf1m1a)}._1s6j4psd:hover{--_1s6j4ps3: var(--ntsf1m1r);--_1s6j4ps4: var(--ntsf1m1r);--_1s6j4ps6: var(--ntsf1m1b)}._1s6j4psd:focus{--_1s6j4ps4: var(--ntsf1m1r);--_1s6j4ps3: var(--ntsf1m1r)}._1s6j4pse{--_1s6j4ps3: var(--ntsf1m21);--_1s6j4ps4: var(--ntsf1m21);--_1s6j4ps5: var(--ntsf1m21);--_1s6j4ps6: #FFFFFF}._1s6j4pse:hover{--_1s6j4ps3: var(--ntsf1m22);--_1s6j4ps4: var(--ntsf1m22)}._1s6j4pse:focus{--_1s6j4ps4: var(--ntsf1m22);--_1s6j4ps3: var(--ntsf1m22)}._1s6j4psf{--_1s6j4ps3: var(--ntsf1m1d);--_1s6j4ps4: var(--ntsf1m1d);--_1s6j4ps6: var(--ntsf1m1h)}._1s6j4psf:hover{--_1s6j4ps3: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e);--_1s6j4ps6: var(--ntsf1m1i)}._1s6j4psf:focus{--_1s6j4ps3: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e);--_1s6j4ps6: var(--ntsf1m1i)}._1s6j4psg{--_1s6j4ps3: var(--ntsf1m2i);--_1s6j4ps4: var(--ntsf1m2i);--_1s6j4ps6: var(--ntsf1m2o)}._1s6j4psg:hover{--_1s6j4ps3: var(--ntsf1m2j);--_1s6j4ps4: var(--ntsf1m2j);--_1s6j4ps6: var(--ntsf1m2p)}._1s6j4psg:focus{--_1s6j4ps3: var(--ntsf1m2j);--_1s6j4ps4: var(--ntsf1m2j);--_1s6j4ps6: var(--ntsf1m2p)}._1s6j4psh{--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps4: var(--ntsf1m11);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psh:hover{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m18)}._1s6j4psh:focus{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m18)}._1s6j4psi{--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps4: var(--ntsf1m11);--_1s6j4ps6: var(--ntsf1m16)}._1s6j4psi:hover{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psi:focus{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psj{--_1s6j4ps3: var(--ntsf1m27);--_1s6j4ps4: var(--ntsf1m27);--_1s6j4ps6: var(--ntsf1m2c)}._1s6j4psj:hover{--_1s6j4ps3: var(--ntsf1m28);--_1s6j4ps4: var(--ntsf1m28);--_1s6j4ps6: var(--ntsf1m2d)}._1s6j4psj:focus{--_1s6j4ps3: var(--ntsf1m28);--_1s6j4ps4: var(--ntsf1m28);--_1s6j4ps6: var(--ntsf1m2d)}._1s6j4psk{--_1s6j4ps3: var(--ntsf1m1n);--_1s6j4ps4: var(--ntsf1m1n);--_1s6j4ps6: var(--ntsf1m1s)}._1s6j4psk:hover{--_1s6j4ps3: var(--ntsf1m1o);--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps6: var(--ntsf1m1t)}._1s6j4psk:focus{--_1s6j4ps3: var(--ntsf1m1o);--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps6: var(--ntsf1m1t)}._1s6j4psl{--_1s6j4ps3: var(--ntsf1m1x);--_1s6j4ps4: var(--ntsf1m1x);--_1s6j4ps6: var(--ntsf1m21)}._1s6j4psl:hover{--_1s6j4ps3: var(--ntsf1m1y);--_1s6j4ps4: var(--ntsf1m1y);--_1s6j4ps6: var(--ntsf1m22)}._1s6j4psl:focus{--_1s6j4ps3: var(--ntsf1m1y);--_1s6j4ps4: var(--ntsf1m1y);--_1s6j4ps6: var(--ntsf1m22)}._1s6j4psm{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1h)}._1s6j4psm:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1i);text-decoration:underline}._1s6j4psn{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2p)}._1s6j4psn:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2q);text-decoration:underline}._1s6j4pso{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m17)}._1s6j4pso:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m18);text-decoration:underline}._1s6j4psp{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m16)}._1s6j4psp:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m17);text-decoration:underline}._1s6j4psq{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2b)}._1s6j4psq:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2c);text-decoration:underline}._1s6j4psr{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1s)}._1s6j4psr:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1t);text-decoration:underline}._1s6j4pss{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m21)}._1s6j4pss:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m22);text-decoration:underline}._1s6j4pst{--_1s6j4ps0: 22px;--_1s6j4ps1: 2px;--_1s6j4ps2: 0 var(--ntsf1m2t);font-size:var(--ntsf1m37)}._1s6j4psu{--_1s6j4ps0: 28px;--_1s6j4ps1: 3px;--_1s6j4ps2: 0 var(--ntsf1m2u);font-size:var(--ntsf1m37)}._1s6j4psv{--_1s6j4ps0: 36px;--_1s6j4ps1: 4px;--_1s6j4ps2: 0 var(--ntsf1m2v)}._1s6j4psw{--_1s6j4ps0: 40px;--_1s6j4ps1: 6px;--_1s6j4ps2: 0 var(--ntsf1m2v);font-size:var(--ntsf1m38)}._1s6j4psx{--_1s6j4ps0: 45px;--_1s6j4ps1: 8px;--_1s6j4ps2: 0 var(--ntsf1m2w);font-size:var(--ntsf1m38)}._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(--ntsf1m2u);position:relative}._1s6j4ps16{margin-left:var(--ntsf1m2u)}._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(--ntsf1m3m);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(--ntsf1m32)}.x8ms5j6{--x8ms5j0: 18px;--x8ms5j1: 4px;--x8ms5j2: white;--x8ms5j3: var(--ntsf1m15);--x8ms5j4: white;position:relative;width:var(--x8ms5j0);height:var(--x8ms5j0);border-radius:var(--x8ms5j1);border:1px solid var(--x8ms5j3);color:var(--x8ms5j4);cursor:pointer;transition:all .125s var(--ntsf1m3e);background-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-user-select:none;user-select:none;outline:none}.x8ms5j6:focus{--x8ms5j3: var(--ntsf1m1h);box-shadow:0 0 0 2px var(--ntsf1m1e)}.x8ms5j6:checked{background-color:currentcolor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent;color:var(--ntsf1m1h);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}.x8ms5j6:checked:focus{color:var(--ntsf1m1h)}.x8ms5j6:indeterminate{background-color:currentcolor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent;color:var(--ntsf1m1h);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E")}.x8ms5j6:hover{--x8ms5j3: var(--ntsf1m16)}.x8ms5j7{opacity:.5;cursor:not-allowed}.x8ms5j8{--x8ms5j3: var(--ntsf1m1h);--x8ms5j2: var(--ntsf1m1h)}.x8ms5j9{margin-left:var(--ntsf1m31);font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer}.x8ms5ja{--x8ms5j0: 16px}.x8ms5jb{--x8ms5j0: 18px}.x8ms5jc{--x8ms5j0: 20px}.x8ms5jd{--x8ms5j0: 22px}.x8ms5je{--x8ms5j0: 24px}._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(--ntsf1m2v);border:1px solid var(--ntsf1m13);box-shadow:var(--ntsf1m3c)}._1wz91941{transform:translate(-50%,-50%);position:absolute;width:14px;height:14px;border-radius:50%;background-color:transparent;border:2px solid white;box-shadow:var(--ntsf1m3b);cursor:crosshair;-webkit-user-select:none;user-select:none}._1wz91942{background-color:transparent;outline:none;border:0;color:var(--ntsf1m18);width:32px;height:32px;border-radius:var(--ntsf1m3i);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}._1wz91942:hover{background-color:var(--ntsf1m11);color:var(--ntsf1m19)}._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(--ntsf1m13)}._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(--ntsf1m3i);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(--ntsf1m2u);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(--ntsf1m3e)}._1b2bhsj1{animation:.2s fade var(--ntsf1m3e) reverse}._1b2bhsj2,._1b2bhsj3{opacity:0}._1b2bhsj4{animation:.12s scale var(--ntsf1m3e)}._1b2bhsj5{animation:.12s scale var(--ntsf1m3e) reverse}._1b2bhsj6,._1b2bhsj7{opacity:0}._1b2bhsj8{animation:.18s modal var(--ntsf1m3e)}._1b2bhsj9{animation:.18s modal var(--ntsf1m3e) 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(--ntsf1m2u);--sy3isg3: var(--ntsf1m31);--sy3isg4: var(--ntsf1m15);--sy3isg6: var(--ntsf1my);--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(--ntsf1m35);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(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e)}.sy3isg9:hover{--sy3isg4: var(--ntsf1m1g)}.sy3isg9:focus-within{--sy3isg4: var(--ntsf1m1h);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1e)}.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}.sy3isga:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.sy3isga[data-com-onepassword-filled]{background-color:inherit!important}.sy3isgb{--sy3isg0: 26px;--sy3isg1: 2px;--sy3isg2: var(--ntsf1m2t);font-size:var(--ntsf1m37)}.sy3isgc{--sy3isg0: 30px;--sy3isg1: 3px;--sy3isg2: var(--ntsf1m32);font-size:var(--ntsf1m37)}.sy3isgd{--sy3isg0: 38px;--sy3isg1: 4px}.sy3isge{--sy3isg0: 42px;--sy3isg1: 6px;--sy3isg2: var(--ntsf1m33);font-size:var(--ntsf1m38)}.sy3isgf{--sy3isg0: 48px;--sy3isg1: 8px;--sy3isg2: var(--ntsf1m2v);font-size:var(--ntsf1m38)}.sy3isgg{width:100%}.sy3isgh{--sy3isg4: var(--ntsf1m13);--sy3isg6: var(--ntsf1m17);--sy3isg5: var(--ntsf1mz);--sy3isg7: not-allowed}.sy3isgh:focus{box-shadow:none}.sy3isgh:hover{cursor:not-allowed}.sy3isgi{font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2t);color:var(--ntsf1my)}.sy3isgj{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);line-height:var(--ntsf1m38);word-break:break-word;margin-bottom:var(--ntsf1m32)}.sy3isgk{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m22);word-break:break-word;margin-top:var(--ntsf1m32)}.sy3isgl{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);word-break:break-word;margin-top:var(--ntsf1m32)}.sy3isgm,.sy3isgm:hover{--sy3isg4: var(--ntsf1m21)}.sy3isgm:focus-within{--sy3isg4: var(--ntsf1m21);box-shadow:0 0 0 2px var(--ntsf1m1y)}.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(--ntsf1m16)}.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(--ntsf1m16)}.sy3isgq{padding-right:2.25rem}.sy3isgr{pointer-events:none;margin-right:var(--ntsf1m2v);margin-left:var(--ntsf1m2t);color:var(--ntsf1m17);font-size:var(--ntsf1m37);-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(--ntsf1m15)}.sy3isgs{pointer-events:none;margin-right:var(--ntsf1m2t);margin-left:var(--ntsf1m2v);color:var(--ntsf1m17);font-size:var(--ntsf1m37);-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(--ntsf1m15)}._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(--ntsf1m15);box-shadow:var(--ntsf1m3c)}._2y08mp1{list-style:none;margin:0;padding:0}._2y08mp2{position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m35);padding-block:var(--ntsf1m32);padding-inline:var(--ntsf1m2v);gap:var(--ntsf1m2u);color:var(--ntsf1m1a);transition:background-color .05s ease-in-out;text-decoration:none}._2y08mp2:hover{background-color:var(--ntsf1m11)}._2y08mp3{flex:1;white-space:nowrap}._2y08mp4{display:flex;align-items:center}._2y08mp5{height:1px;background-color:var(--ntsf1m13);margin-block:var(--ntsf1m2t)}.cib2cp1{--cib2cp0: var(--ntsf1m2w);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(--ntsf1m33);top:var(--rc3srv0);left:var(--rc3srv1);right:var(--rc3srv2);transform-origin:top center}.rc3srv5{position:relative;display:flex;gap:var(--ntsf1m2u);background:#FFF;box-shadow:var(--ntsf1m3b);border:1px solid var(--ntsf1m15);border-radius:6px;padding:9px 12px;pointer-events:all;font-size:var(--ntsf1m35);color:var(--ntsf1my);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(--ntsf1m1h)}.rc3srvc{--rc3srv3: var(--ntsf1m2b)}.rc3srvd{--rc3srv3: var(--ntsf1m1r)}.rc3srve{--rc3srv3: var(--ntsf1m21)}.rc3srvf,.rc3srvg{--rc3srv3: var(--ntsf1m17)}@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(--ntsf1m3j);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;gap:var(--ntsf1m2u)}._1iwo5bcc{flex-direction:row}._1iwo5bcd{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ntsf1m2w) var(--ntsf1m2w) 0 var(--ntsf1m2w);flex-shrink:0}._1iwo5bce{margin:0;font-size:var(--ntsf1m39);font-weight:500;display:flex;align-items:center;color:var(--ntsf1mv)}._1iwo5bcf{outline:none var(--ntsf1m15);display:inline-block;position:absolute;top:var(--ntsf1m2v);right:var(--ntsf1m2v);width:1.5rem;height:1.5rem;background-color:transparent;border:none;padding:0;cursor:pointer;transition:all .2s;border-radius:var(--ntsf1m3m);margin-left:var(--ntsf1m2u)}._1iwo5bcf:hover{background-color:var(--ntsf1m12)}._1iwo5bcf:focus{background-color:var(--ntsf1m12)}._1iwo5bcf:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.8rem;height:2px;background-color:var(--ntsf1m17);transform-origin:center;transition:all .2s}._1iwo5bcf:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:.8rem;height:2px;background-color:var(--ntsf1m17);transform-origin:center;transition:all .2s}._1iwo5bcg{padding:var(--ntsf1m2w);display:flex;flex-direction:column;flex-grow:1;color:var(--ntsf1my)}._1iwo5bch{display:flex;width:100%;align-items:center;padding:0 var(--ntsf1m2w) var(--ntsf1m2w) var(--ntsf1m2w)}._1iwo5bci{animation-name:fade-in-animation-no-bounce;animation-duration:.2s;animation-timing-function:ease-in-out;transition:transform .3s ease-out}._1iwo5bcj{animation-name:fade-in-animation;animation-duration:.25s;animation-timing-function:ease-in-out;transition:var(--ntsf1m3e)}._1iwo5bck{animation-name:fade-out-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1iwo5bcl{animation-name:fade-in-background-animation;animation-duration:.1s;animation-timing-function:ease-in-out}._1iwo5bcm{animation-name:fade-out-background-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1iwo5bco{border-radius:0 var(--ntsf1m3j) var(--ntsf1m3j) 0}._1iwo5bcp{flex:1;width:100%;display:flex;flex-direction:column}._1vreayh2{display:inline-flex;align-items:center;font-size:var(--ntsf1m37);box-sizing:border-box}._1vreayh3{display:inline-flex;align-items:center;font-size:var(--ntsf1m37);box-sizing:border-box;gap:var(--ntsf1m33)}._1vreayh4{display:inline-flex;align-items:center;margin:0;gap:var(--ntsf1m2t)}._1vreayh5{--_1vreayh0: transparent;--_1vreayh1: var(--ntsf1m19);height:28px;width:28px;border-radius:var(--ntsf1m3i);outline:none;border:none;font-size:inherit;padding:0px var(--ntsf1m2u);display:flex;align-items:center;justify-content:center;line-height:1;color:var(--_1vreayh1);background-color:var(--_1vreayh0);cursor:pointer}._1vreayh5:hover{--_1vreayh0: var(--ntsf1m12)}._1vreayh6{--_1vreayh0: var(--ntsf1m1i);--_1vreayh1: #FFF}._1vreayh6:hover{--_1vreayh0: var(--ntsf1m1j)}._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(--ntsf1m32)}._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(--ntsf1m3m);--_9ebxua2: white;--_9ebxua3: var(--ntsf1m15);--_9ebxua4: var(--ntsf1m18);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(--ntsf1m3e)}._9ebxua9{--_9ebxua3: var(--ntsf1m1h);--_9ebxua2: var(--ntsf1m1h)}._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(--ntsf1m3m);background-color:#fff}._9ebxuaa{opacity:.5;cursor:not-allowed}._9ebxuab{--_9ebxua3: var(--ntsf1m1h);--_9ebxua2: var(--ntsf1m1h)}._9ebxuac{margin-left:var(--ntsf1m31);font-weight:500;display:inline-block;font-size:var(--ntsf1m35);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(--ntsf1m35);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(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e);font-family:inherit}._17j4o87:hover{cursor:pointer}._17j4o87:focus{outline:none}._17j4o88{--_17j4o83: white;--_17j4o86: var(--ntsf1m1h);--_17j4o85: var(--ntsf1m1b);--_17j4o84: var(--ntsf1m13);box-shadow:0 .5px 0 4px #00000003}._17j4o88:hover{--_17j4o86: var(--ntsf1m1i)}._17j4o88:focus{--_17j4o86: var(--ntsf1m1h)}._17j4o89{--_17j4o86: var(--ntsf1m16);--_17j4o83: transparent;--_17j4o85: var(--ntsf1m1h);--_17j4o84: transparent}._17j4o89:hover{--_17j4o86: var(--ntsf1m1g)}._17j4o89:focus{--_17j4o86: var(--ntsf1m1g)}._17j4o8a{--_17j4o80: 22px;--_17j4o81: 2px;--_17j4o82: 0 var(--ntsf1m2t);font-size:var(--ntsf1m37)}._17j4o8b{--_17j4o80: 28px;--_17j4o81: 3px;--_17j4o82: 0 var(--ntsf1m2u);font-size:var(--ntsf1m37)}._17j4o8c{--_17j4o80: 36px;--_17j4o81: 4px;--_17j4o82: 0 var(--ntsf1m2v)}._17j4o8d{--_17j4o80: 40px;--_17j4o81: 6px;--_17j4o82: 0 var(--ntsf1m2v);font-size:var(--ntsf1m38)}._17j4o8e{--_17j4o80: 45px;--_17j4o81: 8px;--_17j4o82: 0 var(--ntsf1m2w);font-size:var(--ntsf1m38)}._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(--ntsf1m2t);--nd85wg1: var(--ntsf1m3i);--nd85wg2: var(--ntsf1m2t);display:inline-flex;position:relative;flex-wrap:nowrap;background-color:var(--ntsf1m11);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(--ntsf1m32);--n5k6jk3: var(--ntsf1m2s);--n5k6jk4: var(--ntsf1m11);--n5k6jk6: var(--ntsf1m19);--n5k6jk5: var(--ntsf1m11);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(--ntsf1m35);display:inline-flex;align-items:center}.n5k6jk8{margin-left:var(--ntsf1m2t);-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(--ntsf1m17);border-radius:50%}.n5k6jk8:hover{background-color:var(--ntsf1m13);color:var(--ntsf1m19)}.n5k6jk8:focus{outline:none}._1cuepoga{position:relative;outline:none}._1cuepogb{--_1cuepog0: 38px;--_1cuepog1: 4px;--_1cuepog2: var(--ntsf1m2u);--_1cuepog3: var(--ntsf1m2s);--_1cuepog4: var(--ntsf1m15);--_1cuepog6: var(--ntsf1m1b);--_1cuepog5: #FFFFFF;--_1cuepog7: text;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(--ntsf1m35);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;background-color:var(--_1cuepog5);transition:color .3s var(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e)}._1cuepogb:hover{--_1cuepog4: var(--ntsf1m1g)}._1cuepogb:focus{--_1cuepog4: var(--ntsf1m1h);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1e)}._1cuepogc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ntsf1m2t);padding-top:var(--ntsf1m32);padding-bottom:var(--ntsf1m32)}._1cuepogd{width:100%}._1cuepoge{--_1cuepog4: var(--ntsf1m13);--_1cuepog6: var(--ntsf1m17);--_1cuepog5: var(--ntsf1mz);--_1cuepog7: not-allowed}._1cuepoge:focus{box-shadow:none}._1cuepoge:hover{cursor:not-allowed}._1cuepogf{font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2t)}._1cuepogg{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);line-height:var(--ntsf1m38);word-break:break-word;margin-bottom:var(--ntsf1m32)}._1cuepogh{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m22);word-break:break-word;margin-top:var(--ntsf1m32)}._1cuepogi,._1cuepogi:hover{--_1cuepog4: var(--ntsf1m21)}._1cuepogi:focus{--_1cuepog4: var(--ntsf1m21);box-shadow:0 0 0 2px var(--ntsf1m1y)}._1cuepogj{--_1cuepog4: var(--ntsf1m1h);box-shadow:0 0 0 2px var(--ntsf1m1e)}._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(--ntsf1m16)}._1cuepogl{padding-right:2.25rem}._1cuepogm{background-color:#fff;border-radius:4px;z-index:4000;border:1px solid var(--ntsf1m13);box-shadow:var(--ntsf1m3c);max-height:230px;overflow-y:auto}._1cuepogn{-webkit-user-select:none;user-select:none;color:var(--ntsf1m17)}._1cuepogo{background-color:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--ntsf1m13);display:flex}._1cuepogp{padding:var(--ntsf1m33) var(--ntsf1m33);border:none;outline:none;width:100%;font-size:var(--ntsf1m35);color:var(--ntsf1m1a);flex-shrink:1}._1cuepogq{padding:var(--ntsf1m2t);display:flex;flex-direction:column;gap:var(--ntsf1m31)}._1cuepogr{--_1cuepog8: var(--ntsf1m1a);--_1cuepog9: #FFFFFF;position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m35);padding-block:var(--ntsf1m32);padding-inline:var(--ntsf1m2v);gap:var(--ntsf1m2u);color:var(--_1cuepog8);transition:background-color .05s ease-in-out;background-color:var(--_1cuepog9);border-radius:4px;-webkit-user-select:none;user-select:none}._1cuepogr:hover,._1cuepogs,._1cuepogs:hover{--_1cuepog8: var(--ntsf1m1a);--_1cuepog9: var(--ntsf1m11)}._1cuepogv{display:flex;align-items:center;justify-content:center;width:var(--ntsf1m2x);margin:0 var(--ntsf1m2u);flex-shrink:0;flex:1}._1cuepogw{flex-shrink:0;align-items:center;cursor:pointer;justify-content:center;margin-left:var(--ntsf1m33);width:var(--ntsf1m2y);height:var(--ntsf1m2y);border-radius:4px;color:var(--ntsf1m1h);border:2px solid var(--ntsf1m13);padding:0;background:none;outline:none}._1cuepogw:hover{border-color:var(--ntsf1m15)}._1cuepogx{border:1px solid var(--ntsf1m1h);background:var(--ntsf1m1h);color:#fff}._1cuepogx:hover{border-color:var(--ntsf1m1i);background:var(--ntsf1m1i)}._1cuepogx>svg{position:relative;top:1px;width:var(--ntsf1m2w);height:var(--ntsf1m2w);color:#fff}._1cuepogy{display:flex;align-items:center;justify-content:center;width:var(--ntsf1m2x);margin-left:-2px}._1cuepogy>svg{position:relative;top:1px;width:var(--ntsf1m2x);height:var(--ntsf1m2x);color:var(--ntsf1m1h)}._1cuepogz{padding:var(--ntsf1m2u) 0;display:flex;align-items:center;text-align:center;justify-content:center;gap:var(--ntsf1m31);width:100%;color:var(--ntsf1m17);font-size:var(--ntsf1m37)}._1cuepog10{width:var(--ntsf1m2w);height:var(--ntsf1m2w);position:absolute;right:var(--ntsf1m2u);top:0;display:flex}@keyframes skeleton-shine-animation{0%{background:var(--ntsf1m13)}40%{background:var(--ntsf1m11)}80%{background:var(--ntsf1m13)}to{background:var(--ntsf1m13)}}.vvn4y46{--vvn4y41: 100%;--vvn4y40: 1em;--vvn4y42: var(--ntsf1m2u);--vvn4y43: 4px;--vvn4y44: var(--ntsf1m13);--vvn4y45: var(--ntsf1m11);width:var(--vvn4y41);height:var(--vvn4y40);margin-bottom:var(--vvn4y42);border-radius:var(--vvn4y43);position:relative;display:inline-block;overflow:hidden;background-color:var(--ntsf1m13)}.vvn4y47:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background-color:var(--ntsf1m11);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(--ntsf1m15);--nth4pa1: var(--ntsf1m1h);--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(--ntsf1m32)}.nth4pa7{position:absolute;opacity:0;cursor:pointer}.nth4pa8{opacity:.5;cursor:not-allowed}.nth4pa9{margin-left:var(--ntsf1m31);font-weight:500;display:inline-block;font-size:var(--ntsf1m35);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(--ntsf1m1e)}._7qymuu0{width:100%;overflow:auto}._7qymuu4{--_7qymuu1: 44px;--_7qymuu2: 8px 14px;--_7qymuu3: var(--ntsf1m35);width:100%;border-collapse:collapse;font-size:var(--_7qymuu3)}._7qymuu6 tbody tr:nth-child(2n){background-color:var(--ntsf1m10)}._7qymuu4 th{height:var(--_7qymuu1);padding:var(--_7qymuu2);text-align:left;background-color:var(--ntsf1m11);border-bottom:1px solid var(--ntsf1m13);color:var(--ntsf1m18);font-weight:500;font-size:var(--ntsf1m35);margin-bottom:5px}._7qymuu4 td{padding:var(--_7qymuu2);text-align:left;color:var(--ntsf1m1b);border-bottom:1px solid var(--ntsf1m13);font-weight:400;transition:background-color .2s var(--ntsf1m3e)}._7qymuu5 tr:hover td{background-color:var(--ntsf1m11)}._5gdpyh8{position:relative}._5gdpyh9{--_5gdpyh0: 38px;--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m2u);--_5gdpyh3: var(--ntsf1m31);--_5gdpyh4: var(--ntsf1m15);--_5gdpyh6: var(--ntsf1my);--_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(--ntsf1m35);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(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e)}._5gdpyh9:hover{--_5gdpyh4: var(--ntsf1m1g)}._5gdpyh9:focus{--_5gdpyh4: var(--ntsf1m1h);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1e)}._5gdpyha{--_5gdpyh1: 2px;--_5gdpyh2: var(--ntsf1m2t);--_5gdpyh3: var(--ntsf1m31);font-size:var(--ntsf1m37);min-height:20px}._5gdpyhb{--_5gdpyh1: 3px;--_5gdpyh2: var(--ntsf1m32);--_5gdpyh3: var(--ntsf1m2t);font-size:var(--ntsf1m37);min-height:24px}._5gdpyhc{--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m32);--_5gdpyh3: var(--ntsf1m2t);min-height:28px}._5gdpyhd{--_5gdpyh1: 6px;--_5gdpyh2: var(--ntsf1m33);--_5gdpyh3: var(--ntsf1m32);font-size:var(--ntsf1m38);min-height:34px}._5gdpyhe{--_5gdpyh1: 8px;--_5gdpyh2: var(--ntsf1m2v);--_5gdpyh3: var(--ntsf1m32);font-size:var(--ntsf1m38);min-height:36px}._5gdpyhf{width:100%}._5gdpyhg{--_5gdpyh4: var(--ntsf1m13);--_5gdpyh6: var(--ntsf1m17);--_5gdpyh5: var(--ntsf1mz);--_5gdpyh7: not-allowed}._5gdpyhg:focus{box-shadow:none}._5gdpyhg:hover{cursor:not-allowed}._5gdpyhh{font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2t);color:var(--ntsf1my)}._5gdpyhi{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);line-height:var(--ntsf1m38);word-break:break-word;margin-bottom:var(--ntsf1m32)}._5gdpyhj{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m22);word-break:break-word;margin-top:var(--ntsf1m32)}._5gdpyhk,._5gdpyhk:hover{--_5gdpyh4: var(--ntsf1m21)}._5gdpyhk:focus{--_5gdpyh4: var(--ntsf1m21);box-shadow:0 0 0 2px var(--ntsf1m1y)}@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(--ntsf1m1b);--zjrp2q1: var(--ntsf1m11);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(--ntsf1m3i);padding:var(--ntsf1m32) var(--ntsf1m2u);pointer-events:none;width:max-content;max-width:300px;box-sizing:border-box}.zjrp2q4[data-popper-placement^=top]{margin:var(--ntsf1m2t) 0 var(--ntsf1m2v) 0}.zjrp2q4[data-popper-placement^=bottom]{margin:var(--ntsf1m2v) 0 var(--ntsf1m2t) 0}.zjrp2q4[data-popper-placement^=left]{margin:0 var(--ntsf1m2v) 0 var(--ntsf1m2t)}.zjrp2q4[data-popper-placement^=right]{margin:0 var(--ntsf1m2t) 0 var(--ntsf1m2v)}.zjrp2q5{--zjrp2q0: var(--ntsf1m11);--zjrp2q1: var(--ntsf1m1b)}.zjrp2q6{animation-name:fade-in-animation;animation-duration:.125s;animation-timing-function:ease-in-out;transition:var(--ntsf1m3e)}.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(--ntsf1m35);width:100%;height:300px;border:1px solid var(--ntsf1m15);border-radius:var(--ntsf1m3i);overflow:hidden}.eo9iqi1{flex:1;min-width:0;height:inherit;display:flex;flex-direction:column;overflow:auto;border-right:1px solid var(--ntsf1m13)}.eo9iqi0>.eo9iqi1:last-child{border-right:none}.eo9iqi2{min-height:40px;box-sizing:border-box;display:flex;flex-shrink:0;padding:var(--ntsf1m2w);align-items:center;position:sticky;top:0;background-color:#fff;color:var(--ntsf1m1b);z-index:1;font-weight:500;border-bottom:1px solid var(--ntsf1m13)}.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(--ntsf1m2w);min-height:35px;display:flex;align-items:center;color:var(--ntsf1m1a);cursor:pointer;font-size:var(--ntsf1m35);-webkit-user-select:none;user-select:none}.eo9iqi5:hover{background-color:var(--ntsf1m12)}._1e8logj0{overflow:auto;will-change:transform;contain:strict}._1e8logj0>div{overflow:hidden;will-change:transform}._1e8logj0>div>div{will-change:transform;backface-visibility:hidden}.cjx5qb1{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.cjx5qb2{background-color:#00000073}.cjx5qb3{position:fixed;top:0;left:0;right:0;bottom:0;outline:0;overflow:auto;box-sizing:border-box}.cjx5qb4{box-sizing:border-box;margin:0 auto;padding:0 0 24px;position:relative;top:100px;width:auto;max-width:calc(100vw - 32px)}.cjx5qb5{position:relative;background-color:#fff;background-clip:padding-box;border:0;border-radius:var(--ntsf1m3i);pointer-events:auto;padding:20px 24px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.cjx5qb6{color:var(--ntsf1mv);background-color:#fff;margin-bottom:var(--ntsf1m2u)}.cjx5qb7{text-align:end;background:0 0;margin-top:var(--ntsf1m2u)}.cjx5qb8{margin:0;color:var(--ntsf1mv);font-weight:600;line-height:1.5;word-wrap:break-word}.cjx5qb9{position:absolute;top:17px;inset-inline-end:17px;padding:0;background:0 0;border-radius:var(--ntsf1m3h);width:22px;height:22px;border:0;outline:0;cursor:pointer}.cjx5qb9:hover{background-color:#7373731a}.vikfr10{cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;width:24px;align-items:center;justify-content:center;vertical-align:bottom;transition:transform .15s var(--ntsf1m3e)}.vikfr11{position:relative;height:14px;width:14px;display:flex;font-size:14px;fill:currentColor;color:var(--ntsf1m18)}.vikfr12{transform:rotate(90deg)}.vikfr13{box-sizing:border-box;padding:var(--ntsf1m31) 0}.vikfr14{transform:translateZ(0);position:relative;display:flex;border-radius:var(--ntsf1m3h);transition:background-color .3s var(--ntsf1m3e)}.vikfr14:hover{background-color:var(--ntsf1m12)}.vikfr15{cursor:pointer;position:relative;display:inline-flex;align-items:center;min-height:24px;box-sizing:border-box;vertical-align:bottom;padding:0 var(--ntsf1m2t) 0 var(--ntsf1m2t);border-radius:var(--ntsf1m3i);line-height:1.5;-webkit-user-select:none;user-select:none;flex-grow:1}.vikfr16{flex-grow:1;max-width:100%;font-size:var(--ntsf1m35);color:var(--ntsf1m19)}
1
+ .ntsf1m0{margin:0}.ntsf1m1{margin:4px}.ntsf1m2{margin:8px}.ntsf1m3{margin:12px}.ntsf1m4{margin:16px}.ntsf1m5{margin:18px}.ntsf1m6{margin:20px}.ntsf1m7{margin:24px}.ntsf1m8{margin:28px}.ntsf1m9{margin:2px}.ntsf1ma{margin:6px}.ntsf1mb{margin:10px}.ntsf1mc{margin:14px}.ntsf1md{border-radius:0}.ntsf1me{border-radius:1px}.ntsf1mf{border-radius:2px}.ntsf1mg{border-radius:4px}.ntsf1mh{border-radius:6px}.ntsf1mi{border-radius:8px}.ntsf1mj{border-radius:12px}.ntsf1mk{border-radius:9999px}.ntsf1ml{font-size:14px}.ntsf1mm{font-size:10px}.ntsf1mn{font-size:12px}.ntsf1mo{font-size:16px}.ntsf1mp{font-size:18px}.ntsf1mq{font-size:20px}.ntsf1mr{box-shadow:0 3px 6px 1px #9aa1ab26}.ntsf1ms{box-shadow:0 4px 10px 1px #9aa1ab33}.ntsf1mt{box-shadow:0 7px 14px 1px #9aa1ab3b}.ntsf1mu{transition:cubic-bezier(.4,0,.2,1)}:root{--ntsf1mv: #1F2328;--ntsf1mw: #656d76;--ntsf1mx: #6e7781;--ntsf1my: #24292f;--ntsf1mz: hsl(0,0%,98%);--ntsf1m10: #f9fbfd;--ntsf1m11: #f6f8fa;--ntsf1m12: #f2f3f5;--ntsf1m13: #eaeef2;--ntsf1m14: #f3f4f6;--ntsf1m15: #d0d7de;--ntsf1m16: #afb8c1;--ntsf1m17: #8c959f;--ntsf1m18: #6e7781;--ntsf1m19: #57606a;--ntsf1m1a: #424a53;--ntsf1m1b: #32383f;--ntsf1m1c: hsl(214,100%,96.9%);--ntsf1m1d: hsl(214,94.6%,92.7%);--ntsf1m1e: hsl(213,96.9%,87.3%);--ntsf1m1f: hsl(212,96.4%,78.4%);--ntsf1m1g: hsl(213,93.9%,67.8%);--ntsf1m1h: hsl(217,91.2%,59.8%);--ntsf1m1i: hsl(221,83.2%,53.3%);--ntsf1m1j: hsl(224,76.3%,48%);--ntsf1m1k: hsl(226,70.7%,40.2%);--ntsf1m1l: hsl(224,64.3%,32.9%);--ntsf1m1m: hsl(48,100%,96.1%);--ntsf1m1n: hsl(48,96.5%,88.8%);--ntsf1m1o: hsl(48,96.6%,76.7%);--ntsf1m1p: hsl(46,96.7%,64.5%);--ntsf1m1q: hsl(43,96.4%,56.3%);--ntsf1m1r: hsl(38,92.1%,50.2%);--ntsf1m1s: hsl(32,94.6%,43.7%);--ntsf1m1t: hsl(26,90.5%,37.1%);--ntsf1m1u: hsl(23,82.5%,31.4%);--ntsf1m1v: hsl(22,77.8%,26.5%);--ntsf1m1w: hsl(0,85.7%,97.3%);--ntsf1m1x: hsl(0,93.3%,94.1%);--ntsf1m1y: hsl(0,96.3%,89.4%);--ntsf1m1z: hsl(0,93.5%,81.8%);--ntsf1m20: hsl(0,90.6%,70.8%);--ntsf1m21: hsl(0,84.2%,60.2%);--ntsf1m22: hsl(0,72.2%,50.6%);--ntsf1m23: hsl(0,73.7%,41.8%);--ntsf1m24: hsl(0,70%,35.3%);--ntsf1m25: hsl(0,62.8%,30.6%);--ntsf1m26: hsl(152,81%,95.9%);--ntsf1m27: hsl(149,80.4%,90%);--ntsf1m28: hsl(152,76%,80.4%);--ntsf1m29: hsl(156,71.6%,66.9%);--ntsf1m2a: hsl(158,64.4%,51.6%);--ntsf1m2b: hsl(160,84.1%,39.4%);--ntsf1m2c: hsl(161,93.5%,30.4%);--ntsf1m2d: hsl(163,93.5%,24.3%);--ntsf1m2e: hsl(163,88.1%,19.8%);--ntsf1m2f: hsl(164,85.7%,16.5%);--ntsf1m2g: hsl(217,91.2%,59.8%);--ntsf1m2h: #D0D4E9;--ntsf1m2i: #C1C5E2;--ntsf1m2j: #A1A8D3;--ntsf1m2k: #828CC4;--ntsf1m2l: #636FB6;--ntsf1m2m: #4B57A0;--ntsf1m2n: #3C4680;--ntsf1m2o: #2E3561;--ntsf1m2p: #1F2442;--ntsf1m2q: #14172A;--ntsf1m2r: #0E101E;--ntsf1m2s: 0px;--ntsf1m2t: 4px;--ntsf1m2u: 8px;--ntsf1m2v: 12px;--ntsf1m2w: 16px;--ntsf1m2x: 18px;--ntsf1m2y: 20px;--ntsf1m2z: 24px;--ntsf1m30: 28px;--ntsf1m31: 2px;--ntsf1m32: 6px;--ntsf1m33: 10px;--ntsf1m34: 14px;--ntsf1m35: 14px;--ntsf1m36: 10px;--ntsf1m37: 12px;--ntsf1m38: 16px;--ntsf1m39: 18px;--ntsf1m3a: 20px;--ntsf1m3b: 0px 3px 6px 1px rgb(154 161 171 / 15%);--ntsf1m3c: 0px 4px 10px 1px rgb(154 161 171 / 20%);--ntsf1m3d: 0px 7px 14px 1px rgb(154 161 171 / 23%);--ntsf1m3e: cubic-bezier(.4, 0, .2, 1);--ntsf1m3f: 0px;--ntsf1m3g: 1px;--ntsf1m3h: 2px;--ntsf1m3i: 4px;--ntsf1m3j: 6px;--ntsf1m3k: 8px;--ntsf1m3l: 12px;--ntsf1m3m: 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(--ntsf1mv)}strong,h1,h2,h3,h4,h5,h6{font-weight:500}._1rgsfqk2{width:var(--_1rgsfqk0);height:var(--_1rgsfqk0);border-radius:var(--_1rgsfqk1);background-color:var(--ntsf1m15);box-sizing:content-box;cursor:inherit;display:flex;flex-direction:column;justify-content:center;outline:none;overflow:hidden;position:static;border:0;padding:var(--ntsf1m2s);margin:var(--ntsf1m2t);color:var(--ntsf1m17);font-size:var(--ntsf1m37);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(--ntsf1m31) var(--ntsf1m2t)}.apht5f4{color:var(--apht5f0);margin:0;padding:0;font-size:var(--ntsf1m36);font-weight:500;letter-spacing:.5px;text-transform:uppercase;line-height:var(--ntsf1m35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apht5f5{--apht5f1: var(--ntsf1m1h);--apht5f0: #FFFFFF}.apht5f6{--apht5f1: var(--ntsf1m2p);--apht5f0: #FFFFFF}.apht5f7{--apht5f0: white;--apht5f1: var(--ntsf1m17)}.apht5f8{--apht5f0: var(--ntsf1m11);--apht5f1: var(--ntsf1m16)}.apht5f9{--apht5f1: var(--ntsf1m2b);--apht5f0: #FFFFFF}.apht5fa{--apht5f1: var(--ntsf1m1q);--apht5f0: var(--ntsf1m1a)}.apht5fb{--apht5f1: var(--ntsf1m21);--apht5f0: #FFFFFF}.apht5fc{--apht5f1: var(--ntsf1m1d);--apht5f0: var(--ntsf1m1i)}.apht5fd{--apht5f1: var(--ntsf1m2i);--apht5f0: var(--ntsf1m2q)}.apht5fe{--apht5f1: var(--ntsf1m11);--apht5f0: var(--ntsf1m18)}.apht5ff{--apht5f1: var(--ntsf1m11);--apht5f0: var(--ntsf1m16)}.apht5fg{--apht5f1: var(--ntsf1m27);--apht5f0: var(--ntsf1m2c)}.apht5fh{--apht5f1: var(--ntsf1m1n);--apht5f0: var(--ntsf1m1s)}.apht5fi{--apht5f1: var(--ntsf1m1x);--apht5f0: var(--ntsf1m22)}._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(--ntsf1m35)}._1j3winb2{padding:0 var(--ntsf1m2u);color:var(--ntsf1m18);cursor:pointer;text-decoration:none;outline:0;transition:color .2s var(--ntsf1m3e)}._1j3winb2:hover{color:var(--ntsf1m1h)}._1j3winb3{padding:0 var(--ntsf1m2t);display:inline-flex;color:var(--ntsf1m15);-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(--ntsf1m35);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(--ntsf1m3e),background-color .25s var(--ntsf1m3e),box-shadow .25s var(--ntsf1m3e),border-color .25s var(--ntsf1m3e);font-family:inherit}._1s6j4ps7:hover{cursor:pointer}._1s6j4ps7:focus{outline:none}._1s6j4ps8{--_1s6j4ps3: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m1h);--_1s6j4ps5: var(--ntsf1m1h);--_1s6j4ps6: #FFFFFF}._1s6j4ps8:hover{--_1s6j4ps3: var(--ntsf1m1i);--_1s6j4ps4: var(--ntsf1m1i)}._1s6j4ps8:focus{--_1s6j4ps3: var(--ntsf1m1i);--_1s6j4ps4: var(--ntsf1m1i)}._1s6j4ps9{--_1s6j4ps3: var(--ntsf1m2o);--_1s6j4ps4: var(--ntsf1m2o);--_1s6j4ps5: var(--ntsf1m2o);--_1s6j4ps6: #FFFFFF}._1s6j4ps9:hover{--_1s6j4ps3: var(--ntsf1m2p);--_1s6j4ps4: var(--ntsf1m2p)}._1s6j4ps9:focus{--_1s6j4ps3: var(--ntsf1m2q);--_1s6j4ps4: var(--ntsf1m2q)}._1s6j4psa{--_1s6j4ps6: var(--ntsf1my);--_1s6j4ps3: white;--_1s6j4ps5: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psa:hover{--_1s6j4ps6: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m1h)}._1s6j4psa:focus{--_1s6j4ps6: var(--ntsf1m1h);--_1s6j4ps4: var(--ntsf1m1h)}._1s6j4psb{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps5: var(--ntsf1m1d);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psb:hover{--_1s6j4ps6: var(--ntsf1mv);--_1s6j4ps3: var(--ntsf1m14);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psb:focus{--_1s6j4ps6: var(--ntsf1my);--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m15)}._1s6j4psc{--_1s6j4ps3: var(--ntsf1m2b);--_1s6j4ps4: var(--ntsf1m2b);--_1s6j4ps5: var(--ntsf1m2b);--_1s6j4ps6: #FFFFFF}._1s6j4psc:hover{--_1s6j4ps3: var(--ntsf1m2c);--_1s6j4ps4: var(--ntsf1m2c);--_1s6j4ps6: #FFFFFF}._1s6j4psc:focus{--_1s6j4ps4: var(--ntsf1m2c);--_1s6j4ps3: var(--ntsf1m2c)}._1s6j4psd{--_1s6j4ps3: var(--ntsf1m1q);--_1s6j4ps4: var(--ntsf1m1q);--_1s6j4ps5: var(--ntsf1m1q);--_1s6j4ps6: var(--ntsf1m1a)}._1s6j4psd:hover{--_1s6j4ps3: var(--ntsf1m1r);--_1s6j4ps4: var(--ntsf1m1r);--_1s6j4ps6: var(--ntsf1m1b)}._1s6j4psd:focus{--_1s6j4ps4: var(--ntsf1m1r);--_1s6j4ps3: var(--ntsf1m1r)}._1s6j4pse{--_1s6j4ps3: var(--ntsf1m21);--_1s6j4ps4: var(--ntsf1m21);--_1s6j4ps5: var(--ntsf1m21);--_1s6j4ps6: #FFFFFF}._1s6j4pse:hover{--_1s6j4ps3: var(--ntsf1m22);--_1s6j4ps4: var(--ntsf1m22)}._1s6j4pse:focus{--_1s6j4ps4: var(--ntsf1m22);--_1s6j4ps3: var(--ntsf1m22)}._1s6j4psf{--_1s6j4ps3: var(--ntsf1m1d);--_1s6j4ps4: var(--ntsf1m1d);--_1s6j4ps6: var(--ntsf1m1h)}._1s6j4psf:hover{--_1s6j4ps3: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e);--_1s6j4ps6: var(--ntsf1m1i)}._1s6j4psf:focus{--_1s6j4ps3: var(--ntsf1m1e);--_1s6j4ps4: var(--ntsf1m1e);--_1s6j4ps6: var(--ntsf1m1i)}._1s6j4psg{--_1s6j4ps3: var(--ntsf1m2i);--_1s6j4ps4: var(--ntsf1m2i);--_1s6j4ps6: var(--ntsf1m2o)}._1s6j4psg:hover{--_1s6j4ps3: var(--ntsf1m2j);--_1s6j4ps4: var(--ntsf1m2j);--_1s6j4ps6: var(--ntsf1m2p)}._1s6j4psg:focus{--_1s6j4ps3: var(--ntsf1m2j);--_1s6j4ps4: var(--ntsf1m2j);--_1s6j4ps6: var(--ntsf1m2p)}._1s6j4psh{--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps4: var(--ntsf1m11);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psh:hover{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m18)}._1s6j4psh:focus{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m18)}._1s6j4psi{--_1s6j4ps3: var(--ntsf1m11);--_1s6j4ps4: var(--ntsf1m11);--_1s6j4ps6: var(--ntsf1m16)}._1s6j4psi:hover{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psi:focus{--_1s6j4ps3: var(--ntsf1m13);--_1s6j4ps4: var(--ntsf1m13);--_1s6j4ps6: var(--ntsf1m17)}._1s6j4psj{--_1s6j4ps3: var(--ntsf1m27);--_1s6j4ps4: var(--ntsf1m27);--_1s6j4ps6: var(--ntsf1m2c)}._1s6j4psj:hover{--_1s6j4ps3: var(--ntsf1m28);--_1s6j4ps4: var(--ntsf1m28);--_1s6j4ps6: var(--ntsf1m2d)}._1s6j4psj:focus{--_1s6j4ps3: var(--ntsf1m28);--_1s6j4ps4: var(--ntsf1m28);--_1s6j4ps6: var(--ntsf1m2d)}._1s6j4psk{--_1s6j4ps3: var(--ntsf1m1n);--_1s6j4ps4: var(--ntsf1m1n);--_1s6j4ps6: var(--ntsf1m1s)}._1s6j4psk:hover{--_1s6j4ps3: var(--ntsf1m1o);--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps6: var(--ntsf1m1t)}._1s6j4psk:focus{--_1s6j4ps3: var(--ntsf1m1o);--_1s6j4ps4: var(--ntsf1m1o);--_1s6j4ps6: var(--ntsf1m1t)}._1s6j4psl{--_1s6j4ps3: var(--ntsf1m1x);--_1s6j4ps4: var(--ntsf1m1x);--_1s6j4ps6: var(--ntsf1m21)}._1s6j4psl:hover{--_1s6j4ps3: var(--ntsf1m1y);--_1s6j4ps4: var(--ntsf1m1y);--_1s6j4ps6: var(--ntsf1m22)}._1s6j4psl:focus{--_1s6j4ps3: var(--ntsf1m1y);--_1s6j4ps4: var(--ntsf1m1y);--_1s6j4ps6: var(--ntsf1m22)}._1s6j4psm{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1h)}._1s6j4psm:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1i);text-decoration:underline}._1s6j4psn{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2p)}._1s6j4psn:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2q);text-decoration:underline}._1s6j4pso{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m17)}._1s6j4pso:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m18);text-decoration:underline}._1s6j4psp{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m16)}._1s6j4psp:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m17);text-decoration:underline}._1s6j4psq{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2b)}._1s6j4psq:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m2c);text-decoration:underline}._1s6j4psr{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1s)}._1s6j4psr:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m1t);text-decoration:underline}._1s6j4pss{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m21)}._1s6j4pss:hover{--_1s6j4ps3: transparent;--_1s6j4ps4: transparent;--_1s6j4ps6: var(--ntsf1m22);text-decoration:underline}._1s6j4pst{--_1s6j4ps0: 22px;--_1s6j4ps1: 2px;--_1s6j4ps2: 0 var(--ntsf1m2t);font-size:var(--ntsf1m37)}._1s6j4psu{--_1s6j4ps0: 28px;--_1s6j4ps1: 3px;--_1s6j4ps2: 0 var(--ntsf1m2u);font-size:var(--ntsf1m37)}._1s6j4psv{--_1s6j4ps0: 36px;--_1s6j4ps1: 4px;--_1s6j4ps2: 0 var(--ntsf1m2v)}._1s6j4psw{--_1s6j4ps0: 40px;--_1s6j4ps1: 6px;--_1s6j4ps2: 0 var(--ntsf1m2v);font-size:var(--ntsf1m38)}._1s6j4psx{--_1s6j4ps0: 45px;--_1s6j4ps1: 8px;--_1s6j4ps2: 0 var(--ntsf1m2w);font-size:var(--ntsf1m38)}._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(--ntsf1m2u);position:relative}._1s6j4ps16{margin-left:var(--ntsf1m2u)}._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(--ntsf1m3m);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(--ntsf1m32)}.x8ms5j6{--x8ms5j0: 18px;--x8ms5j1: 4px;--x8ms5j2: white;--x8ms5j3: var(--ntsf1m15);--x8ms5j4: white;position:relative;width:var(--x8ms5j0);height:var(--x8ms5j0);border-radius:var(--x8ms5j1);border:1px solid var(--x8ms5j3);color:var(--x8ms5j4);cursor:pointer;transition:all .125s var(--ntsf1m3e);background-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-user-select:none;user-select:none;outline:none}.x8ms5j6:focus{--x8ms5j3: var(--ntsf1m1h);box-shadow:0 0 0 2px var(--ntsf1m1e)}.x8ms5j6:checked{background-color:currentcolor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent;color:var(--ntsf1m1h);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}.x8ms5j6:checked:focus{color:var(--ntsf1m1h)}.x8ms5j6:indeterminate{background-color:currentcolor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent;color:var(--ntsf1m1h);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E")}.x8ms5j6:hover{--x8ms5j3: var(--ntsf1m16)}.x8ms5j7{opacity:.5;cursor:not-allowed}.x8ms5j8{--x8ms5j3: var(--ntsf1m1h);--x8ms5j2: var(--ntsf1m1h)}.x8ms5j9{margin-left:var(--ntsf1m31);font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer}.x8ms5ja{--x8ms5j0: 16px}.x8ms5jb{--x8ms5j0: 18px}.x8ms5jc{--x8ms5j0: 20px}.x8ms5jd{--x8ms5j0: 22px}.x8ms5je{--x8ms5j0: 24px}._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(--ntsf1m2v);border:1px solid var(--ntsf1m13);box-shadow:var(--ntsf1m3c)}._1wz91941{transform:translate(-50%,-50%);position:absolute;width:14px;height:14px;border-radius:50%;background-color:transparent;border:2px solid white;box-shadow:var(--ntsf1m3b);cursor:crosshair;-webkit-user-select:none;user-select:none}._1wz91942{background-color:transparent;outline:none;border:0;color:var(--ntsf1m18);width:32px;height:32px;border-radius:var(--ntsf1m3i);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}._1wz91942:hover{background-color:var(--ntsf1m11);color:var(--ntsf1m19)}._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(--ntsf1m13)}._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(--ntsf1m3i);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(--ntsf1m2u);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(--ntsf1m3e)}._1b2bhsj1{animation:.2s fade var(--ntsf1m3e) reverse}._1b2bhsj2,._1b2bhsj3{opacity:0}._1b2bhsj4{animation:.12s scale var(--ntsf1m3e)}._1b2bhsj5{animation:.12s scale var(--ntsf1m3e) reverse}._1b2bhsj6,._1b2bhsj7{opacity:0}._1b2bhsj8{animation:.18s modal var(--ntsf1m3e)}._1b2bhsj9{animation:.18s modal var(--ntsf1m3e) 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(--ntsf1m2u);--sy3isg3: var(--ntsf1m31);--sy3isg4: var(--ntsf1m15);--sy3isg6: var(--ntsf1my);--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(--ntsf1m35);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(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e)}.sy3isg9:hover{--sy3isg4: var(--ntsf1m1g)}.sy3isg9:focus-within{--sy3isg4: var(--ntsf1m1h);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1e)}.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}.sy3isga:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.sy3isga[data-com-onepassword-filled]{background-color:inherit!important}.sy3isgb{--sy3isg0: 26px;--sy3isg1: 2px;--sy3isg2: var(--ntsf1m2t);font-size:var(--ntsf1m37)}.sy3isgc{--sy3isg0: 30px;--sy3isg1: 3px;--sy3isg2: var(--ntsf1m32);font-size:var(--ntsf1m37)}.sy3isgd{--sy3isg0: 38px;--sy3isg1: 4px}.sy3isge{--sy3isg0: 42px;--sy3isg1: 6px;--sy3isg2: var(--ntsf1m33);font-size:var(--ntsf1m38)}.sy3isgf{--sy3isg0: 48px;--sy3isg1: 8px;--sy3isg2: var(--ntsf1m2v);font-size:var(--ntsf1m38)}.sy3isgg{width:100%}.sy3isgh{--sy3isg4: var(--ntsf1m13);--sy3isg6: var(--ntsf1m17);--sy3isg5: var(--ntsf1mz);--sy3isg7: not-allowed}.sy3isgh:focus{box-shadow:none}.sy3isgh:hover{cursor:not-allowed}.sy3isgi{font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2t);color:var(--ntsf1my)}.sy3isgj{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);line-height:var(--ntsf1m38);word-break:break-word;margin-bottom:var(--ntsf1m32)}.sy3isgk{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m22);word-break:break-word;margin-top:var(--ntsf1m32)}.sy3isgl{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);word-break:break-word;margin-top:var(--ntsf1m32)}.sy3isgm,.sy3isgm:hover{--sy3isg4: var(--ntsf1m21)}.sy3isgm:focus-within{--sy3isg4: var(--ntsf1m21);box-shadow:0 0 0 2px var(--ntsf1m1y)}.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(--ntsf1m16)}.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(--ntsf1m16)}.sy3isgq{padding-right:2.25rem}.sy3isgr{pointer-events:none;margin-right:var(--ntsf1m2v);margin-left:var(--ntsf1m2t);color:var(--ntsf1m17);font-size:var(--ntsf1m37);-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(--ntsf1m15)}.sy3isgs{pointer-events:none;margin-right:var(--ntsf1m2t);margin-left:var(--ntsf1m2v);color:var(--ntsf1m17);font-size:var(--ntsf1m37);-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(--ntsf1m15)}._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(--ntsf1m15);box-shadow:var(--ntsf1m3c);overflow:auto}._2y08mp1{list-style:none;margin:0;padding:0}._2y08mp2{position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m35);padding-block:var(--ntsf1m32);padding-inline:var(--ntsf1m2v);gap:var(--ntsf1m2u);color:var(--ntsf1m1a);transition:background-color .05s ease-in-out;text-decoration:none}._2y08mp2:hover{background-color:var(--ntsf1m11)}._2y08mp3{flex:1;white-space:nowrap}._2y08mp4{display:flex;align-items:center}._2y08mp5{height:1px;background-color:var(--ntsf1m13);margin-block:var(--ntsf1m2t)}._2y08mp6{padding:var(--ntsf1m2u) var(--ntsf1m33);font-weight:500;font-size:var(--ntsf1m37);color:var(--ntsf1m18)}.cib2cp1{--cib2cp0: var(--ntsf1m2w);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(--ntsf1m33);top:var(--rc3srv0);left:var(--rc3srv1);right:var(--rc3srv2);transform-origin:top center}.rc3srv5{position:relative;display:flex;gap:var(--ntsf1m2u);background:#FFF;box-shadow:var(--ntsf1m3b);border:1px solid var(--ntsf1m15);border-radius:6px;padding:9px 12px;pointer-events:all;font-size:var(--ntsf1m35);color:var(--ntsf1my);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(--ntsf1m1h)}.rc3srvc{--rc3srv3: var(--ntsf1m2b)}.rc3srvd{--rc3srv3: var(--ntsf1m1r)}.rc3srve{--rc3srv3: var(--ntsf1m21)}.rc3srvf,.rc3srvg{--rc3srv3: var(--ntsf1m17)}@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(--ntsf1m3j);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;gap:var(--ntsf1m2u)}._1iwo5bcc{flex-direction:row}._1iwo5bcd{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ntsf1m2w) var(--ntsf1m2w) 0 var(--ntsf1m2w);flex-shrink:0}._1iwo5bce{margin:0;font-size:var(--ntsf1m39);font-weight:500;display:flex;align-items:center;color:var(--ntsf1mv)}._1iwo5bcf{outline:none var(--ntsf1m15);display:inline-block;position:absolute;top:var(--ntsf1m2v);right:var(--ntsf1m2v);width:1.5rem;height:1.5rem;background-color:transparent;border:none;padding:0;cursor:pointer;transition:all .2s;border-radius:var(--ntsf1m3m);margin-left:var(--ntsf1m2u)}._1iwo5bcf:hover{background-color:var(--ntsf1m12)}._1iwo5bcf:focus{background-color:var(--ntsf1m12)}._1iwo5bcf:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.8rem;height:2px;background-color:var(--ntsf1m17);transform-origin:center;transition:all .2s}._1iwo5bcf:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:.8rem;height:2px;background-color:var(--ntsf1m17);transform-origin:center;transition:all .2s}._1iwo5bcg{padding:var(--ntsf1m2w);display:flex;flex-direction:column;flex-grow:1;color:var(--ntsf1my)}._1iwo5bch{display:flex;width:100%;align-items:center;padding:0 var(--ntsf1m2w) var(--ntsf1m2w) var(--ntsf1m2w)}._1iwo5bci{animation-name:fade-in-animation-no-bounce;animation-duration:.2s;animation-timing-function:ease-in-out;transition:transform .3s ease-out}._1iwo5bcj{animation-name:fade-in-animation;animation-duration:.25s;animation-timing-function:ease-in-out;transition:var(--ntsf1m3e)}._1iwo5bck{animation-name:fade-out-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1iwo5bcl{animation-name:fade-in-background-animation;animation-duration:.1s;animation-timing-function:ease-in-out}._1iwo5bcm{animation-name:fade-out-background-animation;animation-duration:.2s;animation-timing-function:ease-in-out}._1iwo5bco{border-radius:0 var(--ntsf1m3j) var(--ntsf1m3j) 0}._1iwo5bcp{flex:1;width:100%;display:flex;flex-direction:column}._1vreayh2{display:inline-flex;align-items:center;font-size:var(--ntsf1m37);box-sizing:border-box}._1vreayh3{display:inline-flex;align-items:center;font-size:var(--ntsf1m37);box-sizing:border-box;gap:var(--ntsf1m33)}._1vreayh4{display:inline-flex;align-items:center;margin:0;gap:var(--ntsf1m2t)}._1vreayh5{--_1vreayh0: transparent;--_1vreayh1: var(--ntsf1m19);height:28px;width:28px;border-radius:var(--ntsf1m3i);outline:none;border:none;font-size:inherit;padding:0px var(--ntsf1m2u);display:flex;align-items:center;justify-content:center;line-height:1;color:var(--_1vreayh1);background-color:var(--_1vreayh0);cursor:pointer}._1vreayh5:hover{--_1vreayh0: var(--ntsf1m12)}._1vreayh6{--_1vreayh0: var(--ntsf1m1i);--_1vreayh1: #FFF}._1vreayh6:hover{--_1vreayh0: var(--ntsf1m1j)}._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(--ntsf1m32)}._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(--ntsf1m3m);--_9ebxua2: white;--_9ebxua3: var(--ntsf1m15);--_9ebxua4: var(--ntsf1m18);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(--ntsf1m3e)}._9ebxua9{--_9ebxua3: var(--ntsf1m1h);--_9ebxua2: var(--ntsf1m1h)}._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(--ntsf1m3m);background-color:#fff}._9ebxuaa{opacity:.5;cursor:not-allowed}._9ebxuab{--_9ebxua3: var(--ntsf1m1h);--_9ebxua2: var(--ntsf1m1h)}._9ebxuac{margin-left:var(--ntsf1m31);font-weight:500;display:inline-block;font-size:var(--ntsf1m35);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(--ntsf1m35);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(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e);font-family:inherit}._17j4o87:hover{cursor:pointer}._17j4o87:focus{outline:none}._17j4o88{--_17j4o83: white;--_17j4o86: var(--ntsf1m1h);--_17j4o85: var(--ntsf1m1b);--_17j4o84: var(--ntsf1m13);box-shadow:0 .5px 0 4px #00000003}._17j4o88:hover{--_17j4o86: var(--ntsf1m1i)}._17j4o88:focus{--_17j4o86: var(--ntsf1m1h)}._17j4o89{--_17j4o86: var(--ntsf1m16);--_17j4o83: transparent;--_17j4o85: var(--ntsf1m1h);--_17j4o84: transparent}._17j4o89:hover{--_17j4o86: var(--ntsf1m1g)}._17j4o89:focus{--_17j4o86: var(--ntsf1m1g)}._17j4o8a{--_17j4o80: 22px;--_17j4o81: 2px;--_17j4o82: 0 var(--ntsf1m2t);font-size:var(--ntsf1m37)}._17j4o8b{--_17j4o80: 28px;--_17j4o81: 3px;--_17j4o82: 0 var(--ntsf1m2u);font-size:var(--ntsf1m37)}._17j4o8c{--_17j4o80: 36px;--_17j4o81: 4px;--_17j4o82: 0 var(--ntsf1m2v)}._17j4o8d{--_17j4o80: 40px;--_17j4o81: 6px;--_17j4o82: 0 var(--ntsf1m2v);font-size:var(--ntsf1m38)}._17j4o8e{--_17j4o80: 45px;--_17j4o81: 8px;--_17j4o82: 0 var(--ntsf1m2w);font-size:var(--ntsf1m38)}._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(--ntsf1m2t);--nd85wg1: var(--ntsf1m3i);--nd85wg2: var(--ntsf1m2t);display:inline-flex;position:relative;flex-wrap:nowrap;background-color:var(--ntsf1m11);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(--ntsf1m32);--n5k6jk3: var(--ntsf1m2s);--n5k6jk4: var(--ntsf1m11);--n5k6jk6: var(--ntsf1m19);--n5k6jk5: var(--ntsf1m11);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(--ntsf1m35);display:inline-flex;align-items:center}.n5k6jk8{margin-left:var(--ntsf1m2t);-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(--ntsf1m17);border-radius:50%}.n5k6jk8:hover{background-color:var(--ntsf1m13);color:var(--ntsf1m19)}.n5k6jk8:focus{outline:none}._1cuepoga{position:relative;outline:none}._1cuepogb{--_1cuepog0: 38px;--_1cuepog1: 4px;--_1cuepog2: var(--ntsf1m2u);--_1cuepog3: var(--ntsf1m2s);--_1cuepog4: var(--ntsf1m15);--_1cuepog6: var(--ntsf1m1b);--_1cuepog5: #FFFFFF;--_1cuepog7: text;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(--ntsf1m35);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;background-color:var(--_1cuepog5);transition:color .3s var(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e)}._1cuepogb:hover{--_1cuepog4: var(--ntsf1m1g)}._1cuepogb:focus{--_1cuepog4: var(--ntsf1m1h);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1e)}._1cuepogc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ntsf1m2t);padding-top:var(--ntsf1m32);padding-bottom:var(--ntsf1m32)}._1cuepogd{width:100%}._1cuepoge{--_1cuepog4: var(--ntsf1m13);--_1cuepog6: var(--ntsf1m17);--_1cuepog5: var(--ntsf1mz);--_1cuepog7: not-allowed}._1cuepoge:focus{box-shadow:none}._1cuepoge:hover{cursor:not-allowed}._1cuepogf{font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2t)}._1cuepogg{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);line-height:var(--ntsf1m38);word-break:break-word;margin-bottom:var(--ntsf1m32)}._1cuepogh{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m22);word-break:break-word;margin-top:var(--ntsf1m32)}._1cuepogi,._1cuepogi:hover{--_1cuepog4: var(--ntsf1m21)}._1cuepogi:focus{--_1cuepog4: var(--ntsf1m21);box-shadow:0 0 0 2px var(--ntsf1m1y)}._1cuepogj{--_1cuepog4: var(--ntsf1m1h);box-shadow:0 0 0 2px var(--ntsf1m1e)}._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(--ntsf1m16)}._1cuepogl{padding-right:2.25rem}._1cuepogm{background-color:#fff;border-radius:4px;z-index:4000;border:1px solid var(--ntsf1m13);box-shadow:var(--ntsf1m3c);max-height:230px;overflow-y:auto}._1cuepogn{-webkit-user-select:none;user-select:none;color:var(--ntsf1m17)}._1cuepogo{background-color:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--ntsf1m13);display:flex}._1cuepogp{padding:var(--ntsf1m33) var(--ntsf1m33);border:none;outline:none;width:100%;font-size:var(--ntsf1m35);color:var(--ntsf1m1a);flex-shrink:1}._1cuepogq{padding:var(--ntsf1m2t);display:flex;flex-direction:column;gap:var(--ntsf1m31)}._1cuepogr{--_1cuepog8: var(--ntsf1m1a);--_1cuepog9: #FFFFFF;position:relative;display:flex;align-items:center;cursor:pointer;min-height:36px;font-size:var(--ntsf1m35);padding-block:var(--ntsf1m32);padding-inline:var(--ntsf1m2v);gap:var(--ntsf1m2u);color:var(--_1cuepog8);transition:background-color .05s ease-in-out;background-color:var(--_1cuepog9);border-radius:4px;-webkit-user-select:none;user-select:none}._1cuepogr:hover,._1cuepogs,._1cuepogs:hover{--_1cuepog8: var(--ntsf1m1a);--_1cuepog9: var(--ntsf1m11)}._1cuepogv{display:flex;align-items:center;justify-content:center;width:var(--ntsf1m2x);margin:0 var(--ntsf1m2u);flex-shrink:0;flex:1}._1cuepogw{flex-shrink:0;align-items:center;cursor:pointer;justify-content:center;margin-left:var(--ntsf1m33);width:var(--ntsf1m2y);height:var(--ntsf1m2y);border-radius:4px;color:var(--ntsf1m1h);border:2px solid var(--ntsf1m13);padding:0;background:none;outline:none}._1cuepogw:hover{border-color:var(--ntsf1m15)}._1cuepogx{border:1px solid var(--ntsf1m1h);background:var(--ntsf1m1h);color:#fff}._1cuepogx:hover{border-color:var(--ntsf1m1i);background:var(--ntsf1m1i)}._1cuepogx>svg{position:relative;top:1px;width:var(--ntsf1m2w);height:var(--ntsf1m2w);color:#fff}._1cuepogy{display:flex;align-items:center;justify-content:center;width:var(--ntsf1m2x);margin-left:-2px}._1cuepogy>svg{position:relative;top:1px;width:var(--ntsf1m2x);height:var(--ntsf1m2x);color:var(--ntsf1m1h)}._1cuepogz{padding:var(--ntsf1m2u) 0;display:flex;align-items:center;text-align:center;justify-content:center;gap:var(--ntsf1m31);width:100%;color:var(--ntsf1m17);font-size:var(--ntsf1m37)}._1cuepog10{width:var(--ntsf1m2w);height:var(--ntsf1m2w);position:absolute;right:var(--ntsf1m2u);top:0;display:flex}@keyframes skeleton-shine-animation{0%{background:var(--ntsf1m13)}40%{background:var(--ntsf1m11)}80%{background:var(--ntsf1m13)}to{background:var(--ntsf1m13)}}.vvn4y46{--vvn4y41: 100%;--vvn4y40: 1em;--vvn4y42: var(--ntsf1m2u);--vvn4y43: 4px;--vvn4y44: var(--ntsf1m13);--vvn4y45: var(--ntsf1m11);width:var(--vvn4y41);height:var(--vvn4y40);margin-bottom:var(--vvn4y42);border-radius:var(--vvn4y43);position:relative;display:inline-block;overflow:hidden;background-color:var(--ntsf1m13)}.vvn4y47:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background-color:var(--ntsf1m11);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(--ntsf1m15);--nth4pa1: var(--ntsf1m1h);--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(--ntsf1m32)}.nth4pa7{position:absolute;opacity:0;cursor:pointer}.nth4pa8{opacity:.5;cursor:not-allowed}.nth4pa9{margin-left:var(--ntsf1m31);font-weight:500;display:inline-block;font-size:var(--ntsf1m35);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(--ntsf1m1e)}._7qymuu0{width:100%;overflow:auto}._7qymuu4{--_7qymuu1: 44px;--_7qymuu2: 8px 14px;--_7qymuu3: var(--ntsf1m35);width:100%;border-collapse:collapse;font-size:var(--_7qymuu3)}._7qymuu6 tbody tr:nth-child(2n){background-color:var(--ntsf1m10)}._7qymuu4 th{height:var(--_7qymuu1);padding:var(--_7qymuu2);text-align:left;background-color:var(--ntsf1m11);border-bottom:1px solid var(--ntsf1m13);color:var(--ntsf1m18);font-weight:500;font-size:var(--ntsf1m35);margin-bottom:5px}._7qymuu4 td{padding:var(--_7qymuu2);text-align:left;color:var(--ntsf1m1b);border-bottom:1px solid var(--ntsf1m13);font-weight:400;transition:background-color .2s var(--ntsf1m3e)}._7qymuu5 tr:hover td{background-color:var(--ntsf1m11)}._5gdpyh8{position:relative}._5gdpyh9{--_5gdpyh0: 38px;--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m2u);--_5gdpyh3: var(--ntsf1m31);--_5gdpyh4: var(--ntsf1m15);--_5gdpyh6: var(--ntsf1my);--_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(--ntsf1m35);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(--ntsf1m3e),background-color .3s var(--ntsf1m3e),box-shadow .3s var(--ntsf1m3e),border-color .3s var(--ntsf1m3e)}._5gdpyh9:hover{--_5gdpyh4: var(--ntsf1m1g)}._5gdpyh9:focus{--_5gdpyh4: var(--ntsf1m1h);outline:none;box-shadow:0 0 0 2px var(--ntsf1m1e)}._5gdpyha{--_5gdpyh1: 2px;--_5gdpyh2: var(--ntsf1m2t);--_5gdpyh3: var(--ntsf1m31);font-size:var(--ntsf1m37);min-height:20px}._5gdpyhb{--_5gdpyh1: 3px;--_5gdpyh2: var(--ntsf1m32);--_5gdpyh3: var(--ntsf1m2t);font-size:var(--ntsf1m37);min-height:24px}._5gdpyhc{--_5gdpyh1: 4px;--_5gdpyh2: var(--ntsf1m32);--_5gdpyh3: var(--ntsf1m2t);min-height:28px}._5gdpyhd{--_5gdpyh1: 6px;--_5gdpyh2: var(--ntsf1m33);--_5gdpyh3: var(--ntsf1m32);font-size:var(--ntsf1m38);min-height:34px}._5gdpyhe{--_5gdpyh1: 8px;--_5gdpyh2: var(--ntsf1m2v);--_5gdpyh3: var(--ntsf1m32);font-size:var(--ntsf1m38);min-height:36px}._5gdpyhf{width:100%}._5gdpyhg{--_5gdpyh4: var(--ntsf1m13);--_5gdpyh6: var(--ntsf1m17);--_5gdpyh5: var(--ntsf1mz);--_5gdpyh7: not-allowed}._5gdpyhg:focus{box-shadow:none}._5gdpyhg:hover{cursor:not-allowed}._5gdpyhh{font-weight:500;display:inline-block;font-size:var(--ntsf1m35);word-break:break-word;cursor:pointer;margin-bottom:var(--ntsf1m2t);color:var(--ntsf1my)}._5gdpyhi{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m18);line-height:var(--ntsf1m38);word-break:break-word;margin-bottom:var(--ntsf1m32)}._5gdpyhj{display:block;text-decoration:none;font-size:var(--ntsf1m35);color:var(--ntsf1m22);word-break:break-word;margin-top:var(--ntsf1m32)}._5gdpyhk,._5gdpyhk:hover{--_5gdpyh4: var(--ntsf1m21)}._5gdpyhk:focus{--_5gdpyh4: var(--ntsf1m21);box-shadow:0 0 0 2px var(--ntsf1m1y)}@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(--ntsf1m1b);--zjrp2q1: var(--ntsf1m11);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(--ntsf1m3i);padding:var(--ntsf1m32) var(--ntsf1m2u);pointer-events:none;width:max-content;max-width:300px;box-sizing:border-box}.zjrp2q4[data-popper-placement^=top]{margin:var(--ntsf1m2t) 0 var(--ntsf1m2v) 0}.zjrp2q4[data-popper-placement^=bottom]{margin:var(--ntsf1m2v) 0 var(--ntsf1m2t) 0}.zjrp2q4[data-popper-placement^=left]{margin:0 var(--ntsf1m2v) 0 var(--ntsf1m2t)}.zjrp2q4[data-popper-placement^=right]{margin:0 var(--ntsf1m2t) 0 var(--ntsf1m2v)}.zjrp2q5{--zjrp2q0: var(--ntsf1m11);--zjrp2q1: var(--ntsf1m1b)}.zjrp2q6{animation-name:fade-in-animation;animation-duration:.125s;animation-timing-function:ease-in-out;transition:var(--ntsf1m3e)}.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(--ntsf1m35);width:100%;height:300px;border:1px solid var(--ntsf1m15);border-radius:var(--ntsf1m3i);overflow:hidden}.eo9iqi1{flex:1;min-width:0;height:inherit;display:flex;flex-direction:column;overflow:auto;border-right:1px solid var(--ntsf1m13)}.eo9iqi0>.eo9iqi1:last-child{border-right:none}.eo9iqi2{min-height:40px;box-sizing:border-box;display:flex;flex-shrink:0;padding:var(--ntsf1m2w);align-items:center;position:sticky;top:0;background-color:#fff;color:var(--ntsf1m1b);z-index:1;font-weight:500;border-bottom:1px solid var(--ntsf1m13)}.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(--ntsf1m2w);min-height:35px;display:flex;align-items:center;color:var(--ntsf1m1a);cursor:pointer;font-size:var(--ntsf1m35);-webkit-user-select:none;user-select:none}.eo9iqi5:hover{background-color:var(--ntsf1m12)}._1e8logj0{overflow:auto;will-change:transform;contain:strict}._1e8logj0>div{overflow:hidden;will-change:transform}._1e8logj0>div>div{will-change:transform;backface-visibility:hidden}.cjx5qb1{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.cjx5qb2{background-color:#00000073}.cjx5qb3{position:fixed;top:0;left:0;right:0;bottom:0;outline:0;overflow:auto;box-sizing:border-box}.cjx5qb4{box-sizing:border-box;margin:0 auto;padding:0 0 24px;position:relative;top:100px;width:auto;max-width:calc(100vw - 32px)}.cjx5qb5{position:relative;background-color:#fff;background-clip:padding-box;border:0;border-radius:var(--ntsf1m3i);pointer-events:auto;padding:20px 24px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.cjx5qb6{color:var(--ntsf1mv);background-color:#fff;margin-bottom:var(--ntsf1m2u)}.cjx5qb7{text-align:end;background:0 0;margin-top:var(--ntsf1m2u)}.cjx5qb8{margin:0;color:var(--ntsf1mv);font-weight:600;line-height:1.5;word-wrap:break-word}.cjx5qb9{position:absolute;top:17px;inset-inline-end:17px;padding:0;background:0 0;border-radius:var(--ntsf1m3h);width:22px;height:22px;border:0;outline:0;cursor:pointer}.cjx5qb9:hover{background-color:#7373731a}.vikfr10{cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;width:24px;align-items:center;justify-content:center;vertical-align:bottom;transition:transform .15s var(--ntsf1m3e)}.vikfr11{position:relative;height:14px;width:14px;display:flex;font-size:14px;fill:currentColor;color:var(--ntsf1m18)}.vikfr12{transform:rotate(90deg)}.vikfr13{box-sizing:border-box;padding:var(--ntsf1m31) 0}.vikfr14{transform:translateZ(0);position:relative;display:flex;border-radius:var(--ntsf1m3h);transition:background-color .3s var(--ntsf1m3e)}.vikfr14:hover{background-color:var(--ntsf1m12)}.vikfr15{cursor:pointer;position:relative;display:inline-flex;align-items:center;min-height:24px;box-sizing:border-box;vertical-align:bottom;padding:0 var(--ntsf1m2t) 0 var(--ntsf1m2t);border-radius:var(--ntsf1m3i);line-height:1.5;-webkit-user-select:none;user-select:none;flex-grow:1}.vikfr16{flex-grow:1;max-width:100%;font-size:var(--ntsf1m35);color:var(--ntsf1m19)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teammodlr/ui-kit",
3
- "version": "2.1.12",
3
+ "version": "2.1.13",
4
4
  "description": "",
5
5
  "main": "lib/index.cjs.js",
6
6
  "module": "lib/index.es.js",
package/src/components/dropdown/Dropdown.vue CHANGED
@@ -1,7 +1,10 @@
1
1
  <template>
2
2
  <span ref="wrapper" :class="computedWrapperClasses">
3
- <span ref="referenceRef" :class="computedReferenceClasses" @click="toggleDropdown">
4
- <slot/>
3
+ <span
4
+ ref="referenceRef"
5
+ :class="computedReferenceClasses"
6
+ @click="toggleDropdown">
7
+ <slot />
5
8
  </span>
6
9
 
7
10
  <DropdownWrapper>
@@ -10,10 +13,13 @@
10
13
  :enter-active-class="scale.enterActive"
11
14
  :leave-active-class="scale.leaveActive"
12
15
  :enter-from-class="scale.enterFrom"
13
- :leave-to-class="scale.leaveTo"
14
- >
15
- <div v-if="isOpen" ref="popper" :class="menuClasses" :style="{zIndex: zIndex}">
16
- <slot name="menu"/>
16
+ :leave-to-class="scale.leaveTo">
17
+ <div
18
+ v-if="isOpen"
19
+ ref="popper"
20
+ :class="menuClasses"
21
+ :style="{ zIndex: zIndex, maxHeight: maxHeight }">
22
+ <slot name="menu" />
17
23
  </div>
18
24
  </transition>
19
25
  </Teleport>
@@ -22,9 +28,9 @@
22
28
  </template>
23
29
 
24
30
  <script lang="ts">
25
- import {usePopper} from '../../composables/usePopper';
26
- import type {Placement, VirtualElement} from '@popperjs/core';
27
- import { scale } from "../../styles/transitions.css";
31
+ import { usePopper } from '../../composables/usePopper';
32
+ import type { Placement, VirtualElement } from '@popperjs/core';
33
+ import { scale } from '../../styles/transitions.css';
28
34
  import {
29
35
  defineComponent,
30
36
  inject,
@@ -35,15 +41,17 @@ import {
35
41
  onMounted,
36
42
  nextTick,
37
43
  computed,
38
- toRef, reactive
44
+ toRef,
45
+ reactive,
46
+ watchEffect
39
47
  } from 'vue';
40
- import {onClickOutside, useEventListener} from '@vueuse/core';
48
+ import { onClickOutside, useEventListener } from '@vueuse/core';
41
49
  import DropdownWrapper from './DropdownWrapper.vue';
42
- import {useLabel} from './hooks';
43
- import {useZIndex} from "../../composables/useZIndex";
44
- import type {DropdownState} from "./symbol";
45
- import {DROPDOWN_STATE} from "./symbol";
46
- import * as style from "./style";
50
+ import { useLabel } from './hooks';
51
+ import { useZIndex } from '../../composables/useZIndex';
52
+ import type { DropdownState } from './symbol';
53
+ import { DROPDOWN_STATE } from './symbol';
54
+ import * as style from './style';
47
55
 
48
56
  export default defineComponent({
49
57
  name: 'Dropdown',
@@ -89,21 +97,18 @@ export default defineComponent({
89
97
  },
90
98
  onSelect: {
91
99
  type: Function as PropType<(labels: any) => void>,
92
- default: () => {
93
- }
100
+ default: () => {}
94
101
  },
95
102
  zIndex: {
96
103
  type: Number
97
104
  }
98
105
  },
99
- emits: [
100
- 'update:open'
101
- ],
102
- setup(props, {emit}) {
106
+ emits: ['update:open'],
107
+ setup(props, { emit }) {
103
108
  const parentState = inject(DROPDOWN_STATE, null);
104
- const {nextZIndex} = useZIndex();
109
+ const { nextZIndex } = useZIndex();
105
110
  const isNested = !!parentState;
106
- const label = toRef(props, 'label')
111
+ const label = toRef(props, 'label');
107
112
  const isOpen = ref(props.open);
108
113
  const placement = ref(props.placement);
109
114
  const transfer = toRef(props, 'transfer');
@@ -128,7 +133,7 @@ export default defineComponent({
128
133
  width: 0,
129
134
  height: 0
130
135
  })
131
- } as VirtualElement
136
+ } as VirtualElement;
132
137
  }
133
138
  }
134
139
  }
@@ -136,7 +141,7 @@ export default defineComponent({
136
141
  return referenceRef.value;
137
142
  });
138
143
 
139
- const {popper, transferTo, updatePopper} = usePopper({
144
+ const { popper, transferTo, updatePopper } = usePopper({
140
145
  reference: reference,
141
146
  placement,
142
147
  transfer,
@@ -145,26 +150,32 @@ export default defineComponent({
145
150
  offset: isNested ? [-2, 2] : [0, 14]
146
151
  });
147
152
 
148
- const currentLabel = useLabel(label, referenceRef)
153
+ const currentLabel = useLabel(label, referenceRef);
149
154
 
150
- provide("dropdown-select", null);
155
+ provide('dropdown-select', null);
151
156
 
152
157
  const startState: DropdownState = reactive({
153
158
  handleSelect: handleSelect,
154
- isOpen: isOpen,
155
- })
159
+ isOpen: isOpen
160
+ });
156
161
 
157
162
  provide(DROPDOWN_STATE, startState);
158
163
 
159
- watch(() => props.open, (value) => {
160
- isOpen.value = value;
161
- });
164
+ watch(
165
+ () => props.open,
166
+ value => {
167
+ isOpen.value = value;
168
+ }
169
+ );
162
170
 
163
- watch(() => props.placement, (value) => {
164
- setPlacement(value);
165
- });
171
+ watch(
172
+ () => props.placement,
173
+ value => {
174
+ setPlacement(value);
175
+ }
176
+ );
166
177
 
167
- watch(isOpen, (value) => {
178
+ watch(isOpen, value => {
168
179
  if (value) {
169
180
  updatePopper();
170
181
  }
@@ -174,7 +185,7 @@ export default defineComponent({
174
185
 
175
186
  onMounted(() => {
176
187
  nextTick(() => {
177
- setPlacement(props.placement)
188
+ setPlacement(props.placement);
178
189
  });
179
190
  });
180
191
 
@@ -182,7 +193,7 @@ export default defineComponent({
182
193
  updatePopper();
183
194
  });
184
195
 
185
- onClickOutside(wrapper, (e) => {
196
+ onClickOutside(wrapper, e => {
186
197
  let parent = e.target as HTMLElement;
187
198
 
188
199
  let i = 0;
@@ -231,24 +242,50 @@ export default defineComponent({
231
242
  'm-dropdown--open': isOpen.value,
232
243
  'm-dropdown--nested': isNested
233
244
  }
234
- ]
245
+ ];
235
246
  });
236
247
 
237
- const computedReferenceClasses = computed(() => {
238
-
239
- });
248
+ const computedReferenceClasses = computed(() => {});
240
249
 
241
250
  const menuClasses = computed(() => {
242
- return [
243
- 'm-dropdown-menu',
244
- style.menu
245
- ]
246
- })
251
+ return ['m-dropdown-menu', style.menu];
252
+ });
247
253
 
248
254
  const transitionName = computed(() => {
249
255
  return `m-transition__${props.transitionName}`;
250
256
  });
251
257
 
258
+ const maxHeight = ref('auto');
259
+ useEventListener(window, 'resize', () => {
260
+ if (isOpen.value) {
261
+ resize();
262
+ updatePopper();
263
+ }
264
+ });
265
+
266
+ watchEffect(() => {
267
+ resize();
268
+ });
269
+
270
+ function resize() {
271
+ if (!isOpen.value) {
272
+ maxHeight.value = 'auto';
273
+ return;
274
+ }
275
+ let referenceHeight =
276
+ reference.value?.getBoundingClientRect().height;
277
+
278
+ let referenceTop = reference.value?.getBoundingClientRect().top;
279
+ if (!referenceHeight || !referenceTop) {
280
+ return;
281
+ }
282
+ let windowHeight = window.innerHeight;
283
+
284
+ maxHeight.value = `${
285
+ windowHeight - referenceHeight - referenceTop - 30
286
+ }px`;
287
+ }
288
+
252
289
  return {
253
290
  wrapper,
254
291
  referenceRef,
@@ -263,8 +300,9 @@ export default defineComponent({
263
300
  transitionName,
264
301
  toggleDropdown,
265
302
  zIndex,
266
- scale
267
- }
303
+ scale,
304
+ maxHeight
305
+ };
268
306
  }
269
- })
307
+ });
270
308
  </script>
package/src/components/dropdown/DropdownHeading.vue ADDED
@@ -0,0 +1,23 @@
1
+ <template>
2
+ <li :class="computedClasses">
3
+ <slot />
4
+ </li>
5
+ </template>
6
+
7
+ <script lang="ts">
8
+ import { computed, defineComponent } from 'vue';
9
+ import * as style from './style';
10
+
11
+ export default defineComponent({
12
+ name: 'DropdownHeading',
13
+ setup() {
14
+ const computedClasses = computed(() => {
15
+ return [style.heading];
16
+ });
17
+
18
+ return {
19
+ computedClasses
20
+ };
21
+ }
22
+ });
23
+ </script>
package/src/components/dropdown/examples/basic.vue CHANGED
@@ -1,28 +1,67 @@
1
1
  <template>
2
2
  <MDropdown>
3
- <MButton>
4
- Menu
5
- </MButton>
3
+ <MButton> Menu </MButton>
6
4
 
7
5
  <template #menu>
8
6
  <MDropdownList>
9
- <MDropdownItem hotkey="Ctrl+L" @click="handleClick">
7
+ <MDropdownHeading> Hello </MDropdownHeading>
8
+ <MDropdownItem hotkey="Ctrl+L" @click="handleClick">
10
9
  Item One
11
10
  </MDropdownItem>
12
- <MDropdownItem href="https://google.com" target="_blank">
11
+ <MDropdownItem href="https://google.com" target="_blank">
12
+ Item Two
13
+ </MDropdownItem>
14
+ <MDropdownItem href="https://google.com" target="_blank">
15
+ Item Two
16
+ </MDropdownItem>
17
+ <MDropdownItem href="https://google.com" target="_blank">
18
+ Item Two
19
+ </MDropdownItem>
20
+ <MDropdownItem href="https://google.com" target="_blank">
21
+ Item Two
22
+ </MDropdownItem>
23
+ <MDropdownItem href="https://google.com" target="_blank">
24
+ Item Two
25
+ </MDropdownItem>
26
+ <MDropdownItem href="https://google.com" target="_blank">
27
+ Item Two
28
+ </MDropdownItem>
29
+ <MDropdownItem href="https://google.com" target="_blank">
30
+ Item Two
31
+ </MDropdownItem>
32
+ <MDropdownItem href="https://google.com" target="_blank">
33
+ Item Two
34
+ </MDropdownItem>
35
+ <MDropdownItem href="https://google.com" target="_blank">
36
+ Item Two
37
+ </MDropdownItem>
38
+ <MDropdownItem href="https://google.com" target="_blank">
39
+ Item Two
40
+ </MDropdownItem>
41
+ <MDropdownItem href="https://google.com" target="_blank">
42
+ Item Two
43
+ </MDropdownItem>
44
+ <MDropdownItem href="https://google.com" target="_blank">
45
+ Item Two
46
+ </MDropdownItem>
47
+ <MDropdownItem href="https://google.com" target="_blank">
13
48
  Item Two
14
49
  </MDropdownItem>
15
50
 
16
51
  <MDropdown>
17
52
  <MDropdownItem>
18
53
  <template #icon-right>
19
- <svg style="width: 16px; height: 16px;" xmlns="http://www.w3.org/2000/svg"
20
- viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
21
- <path fill-rule="evenodd"
54
+ <svg
55
+ style="width: 16px; height: 16px"
56
+ xmlns="http://www.w3.org/2000/svg"
57
+ viewBox="0 0 20 20"
58
+ fill="currentColor"
59
+ class="w-5 h-5">
60
+ <path
61
+ fill-rule="evenodd"
22
62
  d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
23
63
  clip-rule="evenodd" />
24
64
  </svg>
25
-
26
65
  </template>
27
66
  Item Three (Parent)
28
67
  </MDropdownItem>
@@ -35,13 +74,17 @@
35
74
  <MDropdown>
36
75
  <MDropdownItem>
37
76
  <template #icon-right>
38
- <svg style="width: 16px; height: 16px;" xmlns="http://www.w3.org/2000/svg"
39
- viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
40
- <path fill-rule="evenodd"
77
+ <svg
78
+ style="width: 16px; height: 16px"
79
+ xmlns="http://www.w3.org/2000/svg"
80
+ viewBox="0 0 20 20"
81
+ fill="currentColor"
82
+ class="w-5 h-5">
83
+ <path
84
+ fill-rule="evenodd"
41
85
  d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
42
86
  clip-rule="evenodd" />
43
87
  </svg>
44
-
45
88
  </template>
46
89
  Item Three (Parent)
47
90
  </MDropdownItem>
@@ -66,8 +109,7 @@
66
109
  </template>
67
110
 
68
111
  <script lang="ts" setup>
69
-
70
112
  const handleClick = () => {
71
113
  alert('hi');
72
- }
114
+ };
73
115
  </script>
package/src/components/dropdown/examples/index.stories.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import MDropdown from '../Dropdown.vue';
2
2
  import MDropdownList from '../DropdownList.vue';
3
3
  import MDropdownItem from '../DropdownItem.vue';
4
+ import MDropdownHeading from '../DropdownHeading.vue';
4
5
  import MButton from '../../button/Button.vue';
5
6
 
6
7
  import { MDropdownBasic, MDropdownContext, MDropdownCustom } from './index';
@@ -11,6 +12,7 @@ export default {
11
12
  subcomponents: {
12
13
  MDropdownList,
13
14
  MDropdownItem,
15
+ MDropdownHeading,
14
16
  MButton
15
17
  },
16
18
  title: 'Components/Dropdown',