@eui/styles 23.0.0-alpha.5 → 23.0.0-alpha.7

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 (37) hide show
  1. package/dist/assets/ecl/icons/svg/question.svg +1 -1
  2. package/dist/assets/ecl/networks/sprite.svg +1 -0
  3. package/dist/assets/ecl/networks/svg/wsocial.svg +6 -0
  4. package/dist/assets/ecl/networks-color/svg/wsocial.svg +10 -0
  5. package/dist/base/05-assets/icons/index.scss +0 -26
  6. package/dist/eui-base.css +1 -1
  7. package/dist/eui-base.css.map +1 -1
  8. package/dist/eui-ecl-ec.css +4 -4
  9. package/dist/eui-ecl-ec.css.map +1 -1
  10. package/dist/eui-ecl-eu.css +4 -4
  11. package/dist/eui-ecl-eu.css.map +1 -1
  12. package/dist/eui-showcase-all.css +1 -1
  13. package/dist/eui-showcase-all.css.map +1 -1
  14. package/dist/eui.css +1 -1
  15. package/dist/eui.css.map +1 -1
  16. package/package.json +1 -1
  17. package/dist/assets/ecl/logo/ec/negative/all.json +0 -1
  18. package/dist/assets/ecl/logo/ec/positive/all.json +0 -1
  19. package/dist/assets/ecl/logo/eu/condensed-version/negative/all.json +0 -1
  20. package/dist/assets/ecl/logo/eu/condensed-version/positive/all.json +0 -1
  21. package/dist/assets/ecl/logo/eu/standard-version/negative/all.json +0 -1
  22. package/dist/assets/ecl/logo/eu/standard-version/positive/all.json +0 -1
  23. package/dist/base/02-tokens/eds-colors-primitive.scss +0 -249
  24. package/dist/base/02-tokens/eds-colors-semantic-dark-theme.scss +0 -156
  25. package/dist/base/02-tokens/eds-colors-semantic.scss +0 -156
  26. package/dist/base/02-tokens/eds-maps.scss +0 -37
  27. package/dist/base/02-tokens/eds-typography-primitive.scss +0 -69
  28. package/dist/base/02-tokens/eds-typography-semantic.scss +0 -116
  29. package/dist/base/03-vars/eds-vars-colors-dark-theme.scss +0 -7
  30. package/dist/base/03-vars/eds-vars-colors.scss +0 -7
  31. package/dist/base/03-vars/eds-vars-typography.scss +0 -55
  32. package/dist/base/03-vars/eds-vars.scss +0 -72
  33. package/dist/base/99-utilities/eds-utilities.scss +0 -2
  34. package/dist/base/99-utilities/tokens/eds/_colors.scss +0 -23
  35. package/dist/base/99-utilities/tokens/eds/_typography.scss +0 -24
  36. package/dist/eui-eds.css +0 -1
  37. package/dist/eui-eds.css.map +0 -1
package/dist/assets/ecl/icons/svg/question.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" ><path d="M23.9697 3C35.5797 3 44.9697 12.39 44.9697 24C44.9697 35.61 35.5797 45 23.9697 45C12.3598 44.9999 2.96973 35.5799 2.96973 24C2.96973 12.4201 12.3598 3.00013 23.9697 3ZM23.9697 6C14.0398 6.00013 5.96973 14.0701 5.96973 24C5.96973 33.9299 14.0398 41.9999 23.9697 42C33.8997 42 41.9697 33.93 41.9697 24C41.9697 14.07 33.8997 6 23.9697 6ZM23.9697 32.04C24.5997 32.04 25.2307 32.3098 25.6807 32.7598C26.1305 33.2097 26.4003 33.8399 26.4004 34.4697C26.4004 34.9497 26.2505 35.4003 25.9805 35.8203C25.7105 36.2402 25.3502 36.5397 24.9004 36.7197C24.4504 36.9297 23.9702 36.9601 23.4902 36.8701C23.0402 36.7801 22.5898 36.54 22.2598 36.21C21.93 35.8801 21.6906 35.4602 21.6006 34.9805C21.5106 34.5005 21.5701 34.0203 21.75 33.5703C21.93 33.1203 22.2604 32.7602 22.6504 32.4902C23.0403 32.2203 23.5201 32.0704 24 32.0703L23.9697 32.04ZM24.0303 12.7197C28.4701 12.7198 32.1003 15.9597 32.1006 19.9795C32.1006 23.4894 29.3403 26.3998 25.6504 27.0898V27.2402C25.6503 27.6601 25.4699 28.08 25.1699 28.3799C24.87 28.6798 24.4502 28.8603 24.0303 28.8604C23.6104 28.8604 23.1906 28.6798 22.8906 28.3799C22.5907 28.08 22.4102 27.6601 22.4102 27.2402V25.6201C22.4102 25.2001 22.5906 24.7795 22.8906 24.4795C23.1906 24.1798 23.6105 24 24.0303 24C26.7301 24 28.8905 22.1701 28.8906 19.9502C28.8906 17.7302 26.7302 15.9004 24.0303 15.9004C21.3303 15.9004 19.1699 17.7302 19.1699 19.9502V20.7598C19.1699 21.1798 18.9904 21.6004 18.6904 21.9004C18.3904 22.2003 17.9698 22.3799 17.5498 22.3799C17.13 22.3798 16.7101 22.2002 16.4102 21.9004C16.1102 21.6004 15.9307 21.1798 15.9307 20.7598V19.9502C15.9307 15.9602 19.5601 12.6905 24 12.6904L24.0303 12.7197Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M23.9697 3C35.5797 3 44.9697 12.39 44.9697 24C44.9697 35.61 35.5797 45 23.9697 45C12.3598 44.9999 2.96973 35.5799 2.96973 24C2.96973 12.4201 12.3598 3.00013 23.9697 3ZM23.9697 6C14.0398 6.00013 5.96973 14.0701 5.96973 24C5.96973 33.9299 14.0398 41.9999 23.9697 42C33.8997 42 41.9697 33.93 41.9697 24C41.9697 14.07 33.8997 6 23.9697 6ZM23.9697 32.04C24.5997 32.04 25.2307 32.3098 25.6807 32.7598C26.1305 33.2097 26.4003 33.8399 26.4004 34.4697C26.4004 34.9497 26.2505 35.4003 25.9805 35.8203C25.7105 36.2402 25.3502 36.5397 24.9004 36.7197C24.4504 36.9297 23.9702 36.9601 23.4902 36.8701C23.0402 36.7801 22.5898 36.54 22.2598 36.21C21.93 35.8801 21.6906 35.4602 21.6006 34.9805C21.5106 34.5005 21.5701 34.0203 21.75 33.5703C21.93 33.1203 22.2604 32.7602 22.6504 32.4902C23.0403 32.2203 23.5201 32.0704 24 32.0703L23.9697 32.04ZM24.0303 12.7197C28.4701 12.7198 32.1003 15.9597 32.1006 19.9795C32.1006 23.4894 29.3403 26.3998 25.6504 27.0898V27.2402C25.6503 27.6601 25.4699 28.08 25.1699 28.3799C24.87 28.6798 24.4502 28.8603 24.0303 28.8604C23.6104 28.8604 23.1906 28.6798 22.8906 28.3799C22.5907 28.08 22.4102 27.6601 22.4102 27.2402V25.6201C22.4102 25.2001 22.5906 24.7795 22.8906 24.4795C23.1906 24.1798 23.6105 24 24.0303 24C26.7301 24 28.8905 22.1701 28.8906 19.9502C28.8906 17.7302 26.7302 15.9004 24.0303 15.9004C21.3303 15.9004 19.1699 17.7302 19.1699 19.9502V20.7598C19.1699 21.1798 18.9904 21.6004 18.6904 21.9004C18.3904 22.2003 17.9698 22.3799 17.5498 22.3799C17.13 22.3798 16.7101 22.2002 16.4102 21.9004C16.1102 21.6004 15.9307 21.1798 15.9307 20.7598V19.9502C15.9307 15.9602 19.5601 12.6905 24 12.6904L24.0303 12.7197Z"/></svg>
package/dist/assets/ecl/networks/sprite.svg CHANGED
@@ -34,6 +34,7 @@
34
34
  <symbol id="vimeo" viewBox="0 0 48 48"><path fill="currentColor" d="M37.9441 3C40.0161 3.448 41.8361 4.344 43.1801 5.968C44.1881 7.172 44.6081 8.46 45.0001 9.944V38C44.6921 38.924 44.5241 39.848 44.0481 40.716C42.8161 43.012 40.5481 44.412 38.0281 44.944H9.86008C9.24408 44.664 8.54408 44.58 7.92808 44.328C6.30408 43.656 4.62408 42.088 3.86808 40.52C3.47608 39.736 3.33608 38.896 3.02808 38.084V9.86C3.47608 8.432 3.92408 7.088 4.90408 5.912C6.22008 4.316 7.92808 3.476 9.97208 3H37.9441ZM20.4441 14.844C18.7081 13.192 16.6641 14.816 15.2361 15.964C13.9761 16.972 12.8841 18.204 11.5961 19.184L11.5121 19.38C11.9041 19.632 12.3241 20.808 12.8001 20.612C13.7241 20.248 14.2281 18.932 15.2641 20.164C16.7201 21.872 17.6441 27.836 18.4841 30.272C19.6601 33.716 21.5081 35.228 24.9241 33.044C28.3401 30.86 34.2201 22.992 34.6681 19.072C34.9201 16.72 34.3881 14.144 31.6161 13.892C27.9481 13.584 25.6521 16.02 24.8121 19.352C27.9761 18.26 28.7321 19.996 27.5281 22.712C27.1361 23.58 25.4281 26.464 24.5881 26.744C23.9441 26.968 23.6641 26.464 23.4121 25.96C22.0401 23.244 22.1801 16.496 20.4441 14.844Z" /><path fill="#fff" d="M20.4441 14.844C22.1801 16.496 22.0401 23.244 23.4121 25.96C23.6641 26.464 23.9441 26.968 24.5881 26.744C25.4281 26.464 27.1361 23.58 27.5281 22.712C28.7601 19.996 28.0041 18.232 24.8121 19.352C25.6521 16.02 27.9761 13.584 31.6161 13.892C34.3881 14.144 34.9201 16.72 34.6681 19.072C34.2201 22.992 28.2281 30.916 24.9241 33.044C21.6201 35.172 19.6601 33.744 18.4841 30.272C17.6721 27.836 16.7201 21.872 15.2641 20.164C14.2281 18.932 13.7241 20.248 12.8001 20.612C12.3241 20.808 11.8761 19.632 11.5121 19.38L11.5961 19.184C12.8841 18.204 13.9761 16.972 15.2361 15.964C16.6641 14.816 18.7361 13.192 20.4441 14.844Z" /></symbol>
35
35
  <symbol id="weibo" viewBox="0 0 48 48"><g><path fill="#fff" d="M5.236 30.444c0 5.11 6.672 9.252 14.898 9.252 8.226 0 14.898-4.142 14.898-9.252s-6.672-9.252-14.898-9.252c-8.226 0-14.898 4.142-14.898 9.252Z"/><path fill="currentColor" d="M20.486 38.944c-7.286.72-13.575-2.568-14.048-7.332-.473-4.771 5.052-9.216 12.33-9.936 7.285-.72 13.574 2.567 14.041 7.332.48 4.77-5.045 9.222-12.323 9.936ZM35.05 23.11c-.62-.188-1.045-.309-.723-1.12.704-1.763.778-3.283.013-4.372-1.427-2.034-5.336-1.925-9.817-.055 0 0-1.409.612-1.044-.497.686-2.21.582-4.056-.486-5.128-2.428-2.427-8.894.092-14.437 5.62C4.41 21.693 2 26.083 2 29.88c0 7.253 9.33 11.667 18.456 11.667 11.965 0 19.924-6.933 19.924-12.437.007-3.329-2.805-5.219-5.33-6"/><path fill="currentColor" d="M42.998 9.834c-2.89-3.197-7.152-4.414-11.085-3.578a1.68 1.68 0 1 0 .703 3.282 8.288 8.288 0 0 1 7.88 2.543 8.235 8.235 0 0 1 1.731 8.076c-.285.884.2 1.828 1.088 2.113.886.285 1.833-.2 2.118-1.078v-.006A11.564 11.564 0 0 0 43 9.834"/><path fill="currentColor" d="M38.56 13.83a5.663 5.663 0 0 0-5.398-1.737 1.452 1.452 0 0 0-1.117 1.72c.17.78.94 1.277 1.718 1.107.936-.2 1.955.092 2.642.848a2.76 2.76 0 0 1 .577 2.707 1.45 1.45 0 0 0 2.762.889 5.644 5.644 0 0 0-1.183-5.534"/><path fill="currentColor" d="M20.887 30.31c-.256.436-.82.642-1.258.46-.437-.176-.57-.666-.322-1.09.256-.424.796-.63 1.226-.46.437.158.595.648.352 1.09m-2.325 2.968c-.704 1.12-2.217 1.61-3.351 1.095-1.117-.508-1.452-1.81-.746-2.906.698-1.09 2.155-1.574 3.284-1.102 1.14.491 1.505 1.78.814 2.913m2.647-7.932c-3.466-.902-7.382.823-8.888 3.87-1.537 3.105-.049 6.556 3.449 7.682 3.63 1.17 7.904-.623 9.391-3.971 1.47-3.282-.364-6.654-3.952-7.58Z"/></g></symbol>
36
36
  <symbol id="whatsapp" viewBox="0 0 58 58"><g><path fill="currentColor" d="M0,58l4.988-14.963C2.457,38.78,1,33.812,1,28.5C1,12.76,13.76,0,29.5,0S58,12.76,58,28.5 S45.24,57,29.5,57c-4.789,0-9.299-1.187-13.26-3.273L0,58z"/><path fill="#ffffff" d="M47.683,37.985c-1.316-2.487-6.169-5.331-6.169-5.331c-1.098-0.626-2.423-0.696-3.049,0.42 c0,0-1.577,1.891-1.978,2.163c-1.832,1.241-3.529,1.193-5.242-0.52l-3.981-3.981l-3.981-3.981c-1.713-1.713-1.761-3.41-0.52-5.242 c0.272-0.401,2.163-1.978,2.163-1.978c1.116-0.627,1.046-1.951,0.42-3.049c0,0-2.844-4.853-5.331-6.169 c-1.058-0.56-2.357-0.364-3.203,0.482l-1.758,1.758c-5.577,5.577-2.831,11.873,2.746,17.45l5.097,5.097l5.097,5.097 c5.577,5.577,11.873,8.323,17.45,2.746l1.758-1.758C48.048,40.341,48.243,39.042,47.683,37.985z"/></g></symbol>
37
+ <symbol id="wsocial" viewBox="0 0 55.24 49.87"><polygon points="12.3 6.85 0 6.85 18.3 49.75 24.92 38.51 12.3 6.85"/><path d="M46.51,0h-3.99l-7.54,26.05-.93-3.04c-.45-1.48-1.76-2.27-3.09-2.27-1.03,0-2.06.48-2.71,1.5l-3.02,4.78,9.74,22.86L55.24,0h-8.73Z"/><path d="M34.98,49.87c.4,0,.76,0,1.09-.01-.32.02-.68.01-1.09.01Z"/><path d="M25.08,11.79l-3.78,5.98,3.46,8.12,2.65-4.19c.78-1.23,2.1-1.97,3.55-1.97.84,0,1.62.25,2.29.68l-2.41-7.85c-.8-2.62-4.31-3.09-5.77-.77Z"/></symbol>
37
38
  <symbol id="x" viewBox="0 0 24 24"><g><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></symbol>
38
39
  <symbol id="yahoomail" viewBox="0 0 1600 1200"><path transform="matrix(1.75,0,0,1.75,-105,-262.5)" d="M937.3 231H824.7c-15.5 0-27.7 12.6-27.1 28.1l13.1 366h84.4l65.4-366.4c2.7-15.2-7.8-27.7-23.2-27.7zm-77.4 450.4h-14.1c-27.1 0-49.2 22.2-49.2 49.3v14.1c0 27.1 22.2 49.3 49.2 49.3h14.1c27.1 0 49.2-22.2 49.2-49.3v-14.1c0-27.1-22.2-49.3-49.2-49.3zM402.6 231C216.2 231 65 357 65 512.5S216.2 794 402.6 794s337.6-126 337.6-281.5S589.1 231 402.6 231zm225.2 225.2h-65.3L458.9 559.8v65.3h84.4v56.3H318.2v-56.3h84.4v-65.3L242.9 399.9h-37v-56.3h168.5v56.3h-37l93.4 93.5 28.1-28.1V400h168.8v56.2z" fill="currentColor"/></symbol>
39
40
  <symbol id="yammer" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M5.38 6.5c-.29 0-.58.04-.87.15-1.18.43-1.78 1.68-1.39 2.83l9.56 22.68c-1.34 3.69-2.58 5.42-5.44 5.42-.28 0-1.24-.06-1.3-.06-.92-.05-1.78.54-2.03 1.44-.28 1.02.33 2.08 1.38 2.37.76.13 1.53.18 2.23.18 5.26 0 7-2.95 8.74-7.25L26.53 9.34c.37-1.13-.28-2.34-1.43-2.7-1.13-.35-2.33.23-2.74 1.3l-7.21 18.55h-.11L7.44 7.8c-.38-.79-1.19-1.28-2.06-1.3m33.16 5.25c-.23 0-.46.02-.69.09-.08.04-.16.08-.25.13-1.43.8-11.11 7.64-10.02 8.41s7.7-2.24 12.23-4.74c.86-.69 1.07-1.94.47-2.88-.4-.63-1.06-.98-1.75-1Zm4.47 10.51c-1.64 0-13.46 1.32-12.86 2.55.59 1.22 7.86 1.81 13.05 1.81 1.09-.19 1.87-1.19 1.8-2.34a2.21 2.21 0 0 0-1.7-2.02h-.28Zm-14.77 6.99c-.29-.01-.52.02-.65.12-1.09.77 8.59 7.61 10.02 8.41.09.05.17.09.25.13.9.26 1.9-.08 2.43-.92.6-.95.38-2.19-.47-2.88-3.96-2.19-9.52-4.76-11.57-4.86Z"/></symbol>
package/dist/assets/ecl/networks/svg/wsocial.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.24 49.87">
2
+ <polygon points="12.3 6.85 0 6.85 18.3 49.75 24.92 38.51 12.3 6.85"/>
3
+ <path d="M46.51,0h-3.99l-7.54,26.05-.93-3.04c-.45-1.48-1.76-2.27-3.09-2.27-1.03,0-2.06.48-2.71,1.5l-3.02,4.78,9.74,22.86L55.24,0h-8.73Z"/>
4
+ <path d="M34.98,49.87c.4,0,.76,0,1.09-.01-.32.02-.68.01-1.09.01Z"/>
5
+ <path d="M25.08,11.79l-3.78,5.98,3.46,8.12,2.65-4.19c.78-1.23,2.1-1.97,3.55-1.97.84,0,1.62.25,2.29.68l-2.41-7.85c-.8-2.62-4.31-3.09-5.77-.77Z"/>
6
+ </svg>
package/dist/assets/ecl/networks-color/svg/wsocial.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73 73" width="100%" height="100%">
2
+ <rect width="73" height="73" rx="15" fill="#28004e"/>
3
+ <polygon points="21.6 17.2 9.3 17.2 27.6 60.1 34.2 48.9" fill="#fff"/>
4
+ <g fill="#61a38b">
5
+ <polygon points="36.8 37.9 46.5 37 54 11.6 66.7 11.6 46.5 60.3 36.8 37.9"/>
6
+ <path d="M39.1 37.7l6.2-.6c.7-.1 1.3-.5 1.5-1.2l7.3-24.3c.2-.7.9-1.2 1.6-1.2h8.9c1.2 0 2 1.2 1.6 2.4L46.9 59.2c-.5 1.2-1.4 1.1-2.7 1.1l-6.6-20.2c-.4-1 .3-2.3 1.5-2.4z"/>
7
+ </g>
8
+ <path d="M30.6 28.2l3.8-6c1.5-2.3 5-1.8 5.8.8l4.1 13.5 5.6-19.2h11.9L44.4 60.3 30.6 28.2z" fill="#fff"/>
9
+ <path d="M34.6 37.3l3-4.7c1.5-2.3 5-1.8 5.8.8l.9 3 7.5-26h12.7L44.3 60.3l-9.7-22.9z" fill="#1df2ba"/>
10
+ </svg>
package/dist/base/05-assets/icons/index.scss CHANGED
@@ -57,32 +57,6 @@
57
57
  }
58
58
  }
59
59
 
60
- .eui-icon-svg {
61
- .eui-badge-eds,
62
- .eui-badge-eds--size-m {
63
- position: absolute;
64
- left: 60%;
65
- top: -20%;
66
- }
67
-
68
- .eui-badge-eds--empty {
69
- left: 60%;
70
- top: -10%;
71
- }
72
-
73
- .eui-badge-eds--size-xs.eui-badge-eds--empty {
74
- left: 70%;
75
- top: -10%;
76
- }
77
- }
78
-
79
- .eui-icon-svg--size-l {
80
- .eui-badge-eds--size-s {
81
- left: 70%;
82
- }
83
- }
84
-
85
-
86
60
  // COMPOSITION: BUTTON + BADGE
87
61
  .eui-button {
88
62
  .eui-badge {
package/dist/eui-base.css CHANGED
@@ -1 +1 @@
1
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:var(--eui-base-line-height);-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eui-s-none:calc(var(--eui-s-breakpoint-ratio)*0rem);--eui-s-5xs:calc(var(--eui-s-breakpoint-ratio)*0.0625rem);--eui-s-4xs:calc(var(--eui-s-breakpoint-ratio)*0.125rem);--eui-s-3xs:calc(var(--eui-s-breakpoint-ratio)*0.25rem);--eui-s-2xs:calc(var(--eui-s-breakpoint-ratio)*0.375rem);--eui-s-xs:calc(var(--eui-s-breakpoint-ratio)*0.5rem);--eui-s-s:calc(var(--eui-s-breakpoint-ratio)*0.75rem);--eui-s-m:calc(var(--eui-s-breakpoint-ratio)*1rem);--eui-s-l:calc(var(--eui-s-breakpoint-ratio)*1.25rem);--eui-s-xl:calc(var(--eui-s-breakpoint-ratio)*1.5rem);--eui-s-2xl:calc(var(--eui-s-breakpoint-ratio)*1.75rem);--eui-s-3xl:calc(var(--eui-s-breakpoint-ratio)*2rem);--eui-s-4xl:calc(var(--eui-s-breakpoint-ratio)*2.25rem);--eui-s-5xl:calc(var(--eui-s-breakpoint-ratio)*2.5rem);--eui-s-6xl:calc(var(--eui-s-breakpoint-ratio)*2.75rem);--eui-s-7xl:calc(var(--eui-s-breakpoint-ratio)*3rem);--eui-s-8xl:calc(var(--eui-s-breakpoint-ratio)*3.25rem);--eui-s-9xl:calc(var(--eui-s-breakpoint-ratio)*3.5rem);--eui-s-10xl:calc(var(--eui-s-breakpoint-ratio)*3.75rem);--eui-s-11xl:calc(var(--eui-s-breakpoint-ratio)*4rem);--eui-br-none:0;--eui-br-2xs:1px;--eui-br-xs:2px;--eui-br-s:4px;--eui-br-m:8px;--eui-br-l:12px;--eui-br-xl:16px;--eui-br-max:999px;--eui-bp-xs:0;--eui-bp-sm:480px;--eui-bp-md:768px;--eui-bp-lg:996px;--eui-bp-xl:1140px;--eui-bp-xxl:1440px;--eui-bp-fhd:1920px;--eui-bp-2k:2560px;--eui-bp-4k:3840px;--eui-bw-none:0;--eui-bw-xs:1px;--eui-bw-s:2px;--eui-bw-m:4px;--eui-sh-0:none;--eui-sh-1:0 0 0.5px 0.5px rgba(28,28,69,.08),0 6px 12px 0 rgba(28,28,69,.06);--eui-sh-2:0 0 0.5px 0.5px rgba(28,28,69,.08),0 10px 18px 0 rgba(28,28,69,.1);--eui-sh-3:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-sh-4:0 0 0.5px 0.5px rgba(28,28,69,.08),0 18px 32px 0 rgba(28,28,69,.12);--eui-sh-5:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-is-2xs:0.75rem;--eui-is-xs:1rem;--eui-is-s:1.25rem;--eui-is-m:1.5rem;--eui-is-l:2rem;--eui-is-xl:2.5rem;--eui-is-2xl:3rem;--eui-is-3xl:3.5rem;--eui-is-4xl:4rem;--eui-o-none:0;--eui-o-25:0.25;--eui-o-50:0.5;--eui-o-75:0.75;--eui-o-100:1;--eui-zi-auto:auto;--eui-zi-zero:0;--eui-zi-root:1;--eui-zi-input-maxlength:2;--eui-zi-clearable-icon:3;--eui-zi-breadcrumb:9;--eui-zi-header:10;--eui-zi-top-message:12;--eui-zi-nav:15;--eui-zi-loading-indicator:20;--eui-zi-cdk-overlay-pane:999;--eui-zi-logo:1000;--eui-zi-sticky:1040;--eui-zi-sidebar:1044;--eui-zi-overlay:1045;--eui-zi-btn-floating:1046;--eui-zi-highlighted:1047;--eui-zi-footer-action-bar:1048;--eui-zi-modal-backdrop:1049;--eui-zi-modal:1050;--eui-zi-menu:1060;--eui-zi-tooltip:1070;--eui-zi-max:9999;--eui-zi-cdk-overlay-container:10000;--eui-zi-block-document:10010;--eui-zi-growl-message:99999;--eui-internal-icon-checkmark-path:url(@eui/styles/dist/assets/icons/eui-internals/check.svg);--eui-internal-icon-remove-path:url(@eui/styles/dist/assets/icons/eui-internals/remove.svg);--eui-internal-icon-ellipse-path:url(@eui/styles/dist/assets/icons/eui-internals/ellipse.svg);--eui-internal-icon-external-path:url(@eui/styles/dist/assets/icons/eui-internals/external.svg);--eui-internal-icon-chevron-down-path:url(@eui/styles/dist/assets/icons/eui-internals/chevron-down.svg);--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);--eui-base-animation-ease-in-out-timing-function:ease-in-out;--eui-base-animation-duration-fast:0.25s;--eui-base-animation-duration-medium:0.5s;--eui-base-animation-duration-slow:1s;--eui-base-animation-duration-base:500ms;--eui-base-animation-duration:var(--eui-base-animation-duration-base);--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);--eui-base-animation-transition-ease-in-out:all 0.2s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-transition-ease-in-out-1s:all 1s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-delay:0s;--eui-base-animation-direction:normal;--eui-base-animation-fill-mode:forwards;--eui-base-animation-background-color:var(--eui-c-primary-surface-light)}html{display:block;font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height))}html::-webkit-scrollbar{background-color:var(--eui-c-neutral-dark-surface-light);display:inherit;height:9px;width:9px}html::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--eui-c-neutral-dark-surface);border:1px solid transparent;border-radius:5rem}html::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-surface-dark);border:0;cursor:grab}html:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-dark-surface-light);border-radius:0}@-moz-document url-prefix(){html{scrollbar-color:var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){html:focus,html:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}body{background-color:var(--eui-c-surface-page);color:var(--eui-c-text);font-family:var(--eui-f-family);font-feature-settings:"liga";font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height));margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-icon-svg{align-items:center;display:inline-flex;fill:currentColor;margin:0;transform:scaleX(1) scaleY(1) rotate(0deg);transition:transform .3s ease-in-out}.eui-icon-svg.eui-icon-svg--size-2xs svg,.eui-icon-svg.eui-icon-svg--size-2xs svg>image,.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg,.eui-icon-svg.eui-icon-svg--size-xs svg>image,.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg,.eui-icon-svg.eui-icon-svg--size-s svg>image,.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg,.eui-icon-svg.eui-icon-svg--size-m svg>image,.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg,.eui-icon-svg.eui-icon-svg--size-l svg>image,.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg,.eui-icon-svg.eui-icon-svg--size-xl svg>image,.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg,.eui-icon-svg.eui-icon-svg--size-2xl svg>image,.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg,.eui-icon-svg.eui-icon-svg--size-3xl svg>image,.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg,.eui-icon-svg.eui-icon-svg--size-4xl svg>image,.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg .eui-badge,.eui-icon-svg .eui-badge--size-m{left:40%;position:absolute;top:-40%}.eui-icon-svg .eui-badge--empty{left:70%;top:-5%}.eui-icon-svg--size-l .eui-badge--size-s{left:70%}.eui-icon-svg .eui-badge-eds,.eui-icon-svg .eui-badge-eds--size-m{left:60%;position:absolute;top:-20%}.eui-icon-svg .eui-badge-eds--empty{left:60%;top:-10%}.eui-icon-svg .eui-badge-eds--size-xs.eui-badge-eds--empty{left:70%;top:-10%}.eui-icon-svg--size-l .eui-badge-eds--size-s{left:70%}.eui-button .eui-badge{height:inherit}
1
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:var(--eui-base-line-height);-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eui-s-none:calc(var(--eui-s-breakpoint-ratio)*0rem);--eui-s-5xs:calc(var(--eui-s-breakpoint-ratio)*0.0625rem);--eui-s-4xs:calc(var(--eui-s-breakpoint-ratio)*0.125rem);--eui-s-3xs:calc(var(--eui-s-breakpoint-ratio)*0.25rem);--eui-s-2xs:calc(var(--eui-s-breakpoint-ratio)*0.375rem);--eui-s-xs:calc(var(--eui-s-breakpoint-ratio)*0.5rem);--eui-s-s:calc(var(--eui-s-breakpoint-ratio)*0.75rem);--eui-s-m:calc(var(--eui-s-breakpoint-ratio)*1rem);--eui-s-l:calc(var(--eui-s-breakpoint-ratio)*1.25rem);--eui-s-xl:calc(var(--eui-s-breakpoint-ratio)*1.5rem);--eui-s-2xl:calc(var(--eui-s-breakpoint-ratio)*1.75rem);--eui-s-3xl:calc(var(--eui-s-breakpoint-ratio)*2rem);--eui-s-4xl:calc(var(--eui-s-breakpoint-ratio)*2.25rem);--eui-s-5xl:calc(var(--eui-s-breakpoint-ratio)*2.5rem);--eui-s-6xl:calc(var(--eui-s-breakpoint-ratio)*2.75rem);--eui-s-7xl:calc(var(--eui-s-breakpoint-ratio)*3rem);--eui-s-8xl:calc(var(--eui-s-breakpoint-ratio)*3.25rem);--eui-s-9xl:calc(var(--eui-s-breakpoint-ratio)*3.5rem);--eui-s-10xl:calc(var(--eui-s-breakpoint-ratio)*3.75rem);--eui-s-11xl:calc(var(--eui-s-breakpoint-ratio)*4rem);--eui-br-none:0;--eui-br-2xs:1px;--eui-br-xs:2px;--eui-br-s:4px;--eui-br-m:8px;--eui-br-l:12px;--eui-br-xl:16px;--eui-br-max:999px;--eui-bp-xs:0;--eui-bp-sm:480px;--eui-bp-md:768px;--eui-bp-lg:996px;--eui-bp-xl:1140px;--eui-bp-xxl:1440px;--eui-bp-fhd:1920px;--eui-bp-2k:2560px;--eui-bp-4k:3840px;--eui-bw-none:0;--eui-bw-xs:1px;--eui-bw-s:2px;--eui-bw-m:4px;--eui-sh-0:none;--eui-sh-1:0 0 0.5px 0.5px rgba(28,28,69,.08),0 6px 12px 0 rgba(28,28,69,.06);--eui-sh-2:0 0 0.5px 0.5px rgba(28,28,69,.08),0 10px 18px 0 rgba(28,28,69,.1);--eui-sh-3:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-sh-4:0 0 0.5px 0.5px rgba(28,28,69,.08),0 18px 32px 0 rgba(28,28,69,.12);--eui-sh-5:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-is-2xs:0.75rem;--eui-is-xs:1rem;--eui-is-s:1.25rem;--eui-is-m:1.5rem;--eui-is-l:2rem;--eui-is-xl:2.5rem;--eui-is-2xl:3rem;--eui-is-3xl:3.5rem;--eui-is-4xl:4rem;--eui-o-none:0;--eui-o-25:0.25;--eui-o-50:0.5;--eui-o-75:0.75;--eui-o-100:1;--eui-zi-auto:auto;--eui-zi-zero:0;--eui-zi-root:1;--eui-zi-input-maxlength:2;--eui-zi-clearable-icon:3;--eui-zi-breadcrumb:9;--eui-zi-header:10;--eui-zi-top-message:12;--eui-zi-nav:15;--eui-zi-loading-indicator:20;--eui-zi-cdk-overlay-pane:999;--eui-zi-logo:1000;--eui-zi-sticky:1040;--eui-zi-sidebar:1044;--eui-zi-overlay:1045;--eui-zi-btn-floating:1046;--eui-zi-highlighted:1047;--eui-zi-footer-action-bar:1048;--eui-zi-modal-backdrop:1049;--eui-zi-modal:1050;--eui-zi-menu:1060;--eui-zi-tooltip:1070;--eui-zi-max:9999;--eui-zi-cdk-overlay-container:10000;--eui-zi-block-document:10010;--eui-zi-growl-message:99999;--eui-internal-icon-checkmark-path:url(@eui/styles/dist/assets/icons/eui-internals/check.svg);--eui-internal-icon-remove-path:url(@eui/styles/dist/assets/icons/eui-internals/remove.svg);--eui-internal-icon-ellipse-path:url(@eui/styles/dist/assets/icons/eui-internals/ellipse.svg);--eui-internal-icon-external-path:url(@eui/styles/dist/assets/icons/eui-internals/external.svg);--eui-internal-icon-chevron-down-path:url(@eui/styles/dist/assets/icons/eui-internals/chevron-down.svg);--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);--eui-base-animation-ease-in-out-timing-function:ease-in-out;--eui-base-animation-duration-fast:0.25s;--eui-base-animation-duration-medium:0.5s;--eui-base-animation-duration-slow:1s;--eui-base-animation-duration-base:500ms;--eui-base-animation-duration:var(--eui-base-animation-duration-base);--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);--eui-base-animation-transition-ease-in-out:all 0.2s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-transition-ease-in-out-1s:all 1s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-delay:0s;--eui-base-animation-direction:normal;--eui-base-animation-fill-mode:forwards;--eui-base-animation-background-color:var(--eui-c-primary-surface-light)}html{display:block;font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height))}html::-webkit-scrollbar{background-color:var(--eui-c-neutral-dark-surface-light);display:inherit;height:9px;width:9px}html::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--eui-c-neutral-dark-surface);border:1px solid transparent;border-radius:5rem}html::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-surface-dark);border:0;cursor:grab}html:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-dark-surface-light);border-radius:0}@-moz-document url-prefix(){html{scrollbar-color:var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){html:focus,html:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}body{background-color:var(--eui-c-surface-page);color:var(--eui-c-text);font-family:var(--eui-f-family);font-feature-settings:"liga";font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height));margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-icon-svg{align-items:center;display:inline-flex;fill:currentColor;margin:0;transform:scaleX(1) scaleY(1) rotate(0deg);transition:transform .3s ease-in-out}.eui-icon-svg.eui-icon-svg--size-2xs svg,.eui-icon-svg.eui-icon-svg--size-2xs svg>image,.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg,.eui-icon-svg.eui-icon-svg--size-xs svg>image,.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg,.eui-icon-svg.eui-icon-svg--size-s svg>image,.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg,.eui-icon-svg.eui-icon-svg--size-m svg>image,.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg,.eui-icon-svg.eui-icon-svg--size-l svg>image,.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg,.eui-icon-svg.eui-icon-svg--size-xl svg>image,.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg,.eui-icon-svg.eui-icon-svg--size-2xl svg>image,.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg,.eui-icon-svg.eui-icon-svg--size-3xl svg>image,.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg,.eui-icon-svg.eui-icon-svg--size-4xl svg>image,.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg .eui-badge,.eui-icon-svg .eui-badge--size-m{left:40%;position:absolute;top:-40%}.eui-icon-svg .eui-badge--empty{left:70%;top:-5%}.eui-icon-svg--size-l .eui-badge--size-s{left:70%}.eui-button .eui-badge{height:inherit}
package/dist/eui-base.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/04-elements/index.scss","../base/01-base/mixins/_eui-scrollbars.scss","../base/01-base/mixins/_accessibility.mixins.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"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","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: block;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: block;\n font-style: italic;\n}\n\n:root {\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n --eui-s-#{$spacing}: calc( #{var(--eui-s-breakpoint-ratio)} * #{$value} );\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}","@use '../../base' as base;\n\nhtml {\n display: block;\n height: 100%;\n font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n @include base.eui-scrollbars();\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n","@use 'accessibility.mixins' as a11y;\n\n@mixin eui-scrollbars( $size: 9px, $foreground-color: var(--eui-c-neutral-dark-surface), $background-color: var(--eui-c-neutral-dark-surface-light), $border-radius: 5rem, $state: active ) {\n \n &::-webkit-scrollbar {\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n @if ($state == active) {\n background-color: $background-color;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // This is the scrolling bar\n &::-webkit-scrollbar-thumb {\n @if ($state == active) {\n background-color: $foreground-color;\n border-radius: $border-radius;\n // Uses the border instead of width to make it grow when on hover\n background-clip: padding-box; // make the border work\n border: 1px solid transparent;\n\n &:hover {\n background-color: var(--eui-c-secondary-surface-dark);\n border: 0;\n cursor: grab;\n }\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Apply focus and keyboard focus to scrollbar thumb when the scrollable container is focused\n &:focus::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n &:focus-visible::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n // This is the scroll container\n &::-webkit-scrollbar-track {\n @if ($state == active) {\n background-color: $background-color;\n border-radius: 0;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Firefox only CSS-specific extension - Attention those properties overrides :webkit pseudos!\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);\n // scrollbar-gutter: stable;\n scrollbar-width: auto;\n }\n\n // Firefox focus state for scrollbar\n &:focus,\n &:focus-visible {\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light);\n }\n }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n &::-webkit-scrollbar {\n background-color: transparent;\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n\n\n// @mixin eui-ng-scrollbar() {\n// --scrollbar-thickness: 10 !important;\n// --scrollbar-hover-thickness: var(--scrollbar-thickness) !important;\n// --scrollbar-border-radius: 5rem !important;\n// }\n","$outline-offset: -2px;\n$outline-size: 2px;\n\n// Call this mixin to enforce the accessibility visuals when on focus/active\n@mixin eui-accessible-focus($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n // Forced focusable element\n [tabindex=\"0\"] {\n // &:active:not([readonly]),\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n }\n}\n\n@mixin eui-accessible-focus-only($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-border() {\n border-left: var(--eui-s-3xs) solid transparent;\n\n &:focus:not([readonly]) {\n border: var(--eui-s-3xs) solid var(--eui-c-focus-visible) !important;\n transition: none;\n }\n}\n\n\n\n@mixin eui-accessible-focus-ring($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-xs) !important;\n }\n}\n@mixin eui-accessible-focus-ring-rounded($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-xs) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n\n// Mixin for applying focus outline to pseudo-elements (like scrollbar thumbs)\n// This doesn't use :not([readonly]) since pseudo-elements don't support attribute selectors, that's why a new mixin is needed\n@mixin eui-accessible-focus-pseudo($offset: $outline-offset, $size: $outline-size) {\n background-color: var(--eui-c-primary-surface);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n}\n","@use '../../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n.eui-icon-svg {\n .eui-badge-eds,\n .eui-badge-eds--size-m {\n position: absolute;\n left: 60%;\n top: -20%;\n }\n\n .eui-badge-eds--empty {\n left: 60%;\n top: -10%;\n }\n\n .eui-badge-eds--size-xs.eui-badge-eds--empty {\n left: 70%;\n top: -10%;\n } \n}\n\n.eui-icon-svg--size-l {\n .eui-badge-eds--size-s {\n left: 70%;\n }\n}\n\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/04-elements/index.scss","../base/01-base/mixins/_eui-scrollbars.scss","../base/01-base/mixins/_accessibility.mixins.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"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","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: block;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: block;\n font-style: italic;\n}\n\n:root {\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n --eui-s-#{$spacing}: calc( #{var(--eui-s-breakpoint-ratio)} * #{$value} );\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}","@use '../../base' as base;\n\nhtml {\n display: block;\n height: 100%;\n font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n @include base.eui-scrollbars();\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n","@use 'accessibility.mixins' as a11y;\n\n@mixin eui-scrollbars( $size: 9px, $foreground-color: var(--eui-c-neutral-dark-surface), $background-color: var(--eui-c-neutral-dark-surface-light), $border-radius: 5rem, $state: active ) {\n \n &::-webkit-scrollbar {\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n @if ($state == active) {\n background-color: $background-color;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // This is the scrolling bar\n &::-webkit-scrollbar-thumb {\n @if ($state == active) {\n background-color: $foreground-color;\n border-radius: $border-radius;\n // Uses the border instead of width to make it grow when on hover\n background-clip: padding-box; // make the border work\n border: 1px solid transparent;\n\n &:hover {\n background-color: var(--eui-c-secondary-surface-dark);\n border: 0;\n cursor: grab;\n }\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Apply focus and keyboard focus to scrollbar thumb when the scrollable container is focused\n &:focus::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n &:focus-visible::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n // This is the scroll container\n &::-webkit-scrollbar-track {\n @if ($state == active) {\n background-color: $background-color;\n border-radius: 0;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Firefox only CSS-specific extension - Attention those properties overrides :webkit pseudos!\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);\n // scrollbar-gutter: stable;\n scrollbar-width: auto;\n }\n\n // Firefox focus state for scrollbar\n &:focus,\n &:focus-visible {\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light);\n }\n }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n &::-webkit-scrollbar {\n background-color: transparent;\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n\n\n// @mixin eui-ng-scrollbar() {\n// --scrollbar-thickness: 10 !important;\n// --scrollbar-hover-thickness: var(--scrollbar-thickness) !important;\n// --scrollbar-border-radius: 5rem !important;\n// }\n","$outline-offset: -2px;\n$outline-size: 2px;\n\n// Call this mixin to enforce the accessibility visuals when on focus/active\n@mixin eui-accessible-focus($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n // Forced focusable element\n [tabindex=\"0\"] {\n // &:active:not([readonly]),\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n }\n}\n\n@mixin eui-accessible-focus-only($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-border() {\n border-left: var(--eui-s-3xs) solid transparent;\n\n &:focus:not([readonly]) {\n border: var(--eui-s-3xs) solid var(--eui-c-focus-visible) !important;\n transition: none;\n }\n}\n\n\n\n@mixin eui-accessible-focus-ring($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-xs) !important;\n }\n}\n@mixin eui-accessible-focus-ring-rounded($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-xs) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n\n// Mixin for applying focus outline to pseudo-elements (like scrollbar thumbs)\n// This doesn't use :not([readonly]) since pseudo-elements don't support attribute selectors, that's why a new mixin is needed\n@mixin eui-accessible-focus-pseudo($offset: $outline-offset, $size: $outline-size) {\n background-color: var(--eui-c-primary-surface);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n}\n","@use '../../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n"]}