@acorex/styles 16.0.2 → 17.0.1

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 (81) hide show
  1. package/icons/fontawesome/fontawesome.scss +68 -0
  2. package/icons/index.scss +207 -0
  3. package/icons/material/material.scss +73 -0
  4. package/index.css +2623 -0
  5. package/index.min.css +1 -0
  6. package/index.scss +9 -0
  7. package/package.json +11 -11
  8. package/src/base/_preflight.scss +417 -0
  9. package/src/base/index.scss +13 -0
  10. package/src/mixins/_look.scss +83 -0
  11. package/src/mixins/_media.scss +27 -0
  12. package/src/mixins/_util.scss +19 -0
  13. package/src/mixins/index.scss +3 -0
  14. package/src/shared/_actionsheet.scss +23 -0
  15. package/src/shared/_check-box.scss +59 -0
  16. package/src/shared/_color-look.scss +689 -0
  17. package/src/shared/_drop-down.scss +76 -0
  18. package/src/shared/_editor-container.scss +257 -0
  19. package/src/shared/_general-button.scss +87 -0
  20. package/src/shared/_inputs.scss +16 -0
  21. package/src/shared/_list.scss +211 -0
  22. package/src/shared/_radio.scss +56 -0
  23. package/src/shared/_table.scss +149 -0
  24. package/src/shared/_utils.scss +75 -0
  25. package/src/shared/index.scss +11 -0
  26. package/src/utility/index.scss +24 -0
  27. package/src/variables/_colors.scss +2 -0
  28. package/src/variables/_degrees.scss +1 -0
  29. package/src/variables/index.scss +2 -0
  30. package/tailwind-base.js +235 -0
  31. package/themes/default.css +1 -0
  32. package/themes/default.scss +141 -0
  33. package/fonts/font-awesome/fa-brands-400.eot +0 -0
  34. package/fonts/font-awesome/fa-brands-400.svg +0 -3570
  35. package/fonts/font-awesome/fa-brands-400.ttf +0 -0
  36. package/fonts/font-awesome/fa-brands-400.woff +0 -0
  37. package/fonts/font-awesome/fa-brands-400.woff2 +0 -0
  38. package/fonts/font-awesome/fa-duotone-900.eot +0 -0
  39. package/fonts/font-awesome/fa-duotone-900.svg +0 -15055
  40. package/fonts/font-awesome/fa-duotone-900.ttf +0 -0
  41. package/fonts/font-awesome/fa-duotone-900.woff +0 -0
  42. package/fonts/font-awesome/fa-duotone-900.woff2 +0 -0
  43. package/fonts/font-awesome/fa-light-300.eot +0 -0
  44. package/fonts/font-awesome/fa-light-300.svg +0 -12330
  45. package/fonts/font-awesome/fa-light-300.ttf +0 -0
  46. package/fonts/font-awesome/fa-light-300.woff +0 -0
  47. package/fonts/font-awesome/fa-light-300.woff2 +0 -0
  48. package/fonts/font-awesome/fa-regular-400.eot +0 -0
  49. package/fonts/font-awesome/fa-regular-400.svg +0 -11256
  50. package/fonts/font-awesome/fa-regular-400.ttf +0 -0
  51. package/fonts/font-awesome/fa-regular-400.woff +0 -0
  52. package/fonts/font-awesome/fa-regular-400.woff2 +0 -0
  53. package/fonts/font-awesome/fa-solid-900.eot +0 -0
  54. package/fonts/font-awesome/fa-solid-900.svg +0 -9588
  55. package/fonts/font-awesome/fa-solid-900.ttf +0 -0
  56. package/fonts/font-awesome/fa-solid-900.woff +0 -0
  57. package/fonts/font-awesome/fa-solid-900.woff2 +0 -0
  58. package/fonts/font-awesome/font-awesome.css +0 -16960
  59. package/scss/buttons.scss +0 -69
  60. package/scss/calendar.scss +0 -144
  61. package/scss/checkbox.scss +0 -46
  62. package/scss/context-menu.scss +0 -75
  63. package/scss/data-grid.scss +0 -117
  64. package/scss/drawer.scss +0 -138
  65. package/scss/fieldset.scss +0 -23
  66. package/scss/forms.scss +0 -523
  67. package/scss/list.scss +0 -47
  68. package/scss/master.scss +0 -330
  69. package/scss/menu.scss +0 -130
  70. package/scss/mixin.scss +0 -12
  71. package/scss/page.scss +0 -54
  72. package/scss/progress.scss +0 -11
  73. package/scss/selection-list.scss +0 -104
  74. package/scss/style.scss +0 -47
  75. package/scss/tab-strip.scss +0 -31
  76. package/scss/tab.scss +0 -36
  77. package/scss/toast.scss +0 -46
  78. package/scss/tooltip.scss +0 -55
  79. package/scss/treeview.scss +0 -152
  80. package/scss/upload.scss +0 -170
  81. package/scss/variables.scss +0 -139
package/index.min.css ADDED
@@ -0,0 +1 @@
1
+ @import'@angular/cdk/overlay-prebuilt.css';*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT", currentColor)}::before,::after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme("fontFamily.sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:theme("fontFamily.sans[1].fontFeatureSettings", normal);font-variation-settings:theme("fontFamily.sans[1].fontVariationSettings", normal);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:theme("fontFamily.mono[1].fontFeatureSettings", normal);font-variation-settings:theme("fontFamily.mono[1].fontVariationSettings", normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme("colors.gray.400", #9ca3af)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--ax-overlay-full-width: 93;--ax-color-white: 255, 255, 255;--ax-color-black: 0, 0, 0}html,body{background-color:rgba(var(--ax-color-background-default));color:rgba(var(--ax-color-text-default))}.ax-actionsheet-panel{overflow:hidden;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-surface));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);animation:1s both ax-fadeInUp;animation-duration:250ms}@keyframes ax-fadeInUp{from{transform:translate3d(0, 100%, 0);opacity:0}}.ax-checkbox{margin:0px;height:1rem;width:1rem;cursor:pointer;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-checkbox:checked,.ax-checkbox:indeterminate{border-color:rgba(var(--ax-color-primary-500)) !important;background-color:rgba(var(--ax-color-primary-500)) !important;background-size:contain;background-repeat:no-repeat}.ax-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.ax-checkbox:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==")}.ax-checkbox:focus-visible,.ax-checkbox:focus{box-shadow:0px 0px 0px 2px rgba(var(--ax-color-surface)),0px 0px 0px 4px rgba(var(--ax-color-primary-500))}.ax-checkbox:disabled{cursor:not-allowed;opacity:.5}.ax-el-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}.ax-el-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}.ax-el-primary-solid .ax-ripple{background-color:rgba(var(--ax-color-primary-300), 0.3) !important}.ax-el-primary-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-primary-solid:is(.ax-el-primary-solid:focus-visible,.ax-el-primary-solid.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-solid>button:is(.ax-el-primary-solid>button:focus-visible,.ax-el-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-600))}.ax-el-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}.ax-el-primary-twotone.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}.ax-el-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}.ax-el-primary-twotone .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-el-primary-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-el-primary-twotone:is(.ax-el-primary-twotone:focus-visible,.ax-el-primary-twotone.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-twotone>button:is(.ax-el-primary-twotone>button:focus-visible,.ax-el-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-50))}.ax-el-primary-outline{background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));border-width:1px}.ax-el-primary-outline.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-primary-700));border-color:rgba(var(--ax-color-primary-700))}.ax-el-primary-outline.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));background-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-outline .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-el-primary-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-primary-outline:is(.ax-el-primary-outline:focus-visible,.ax-el-primary-outline.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore-tint))}.ax-el-primary-outline>button:is(.ax-el-primary-outline>button:focus-visible,.ax-el-primary-outline>button.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore-tint))}.ax-el-primary-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-500))}.ax-el-primary-blank{color:rgba(var(--ax-color-primary-500))}.ax-el-primary-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-primary-fore-tint))}.ax-el-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-el-primary-blank .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3)}.ax-el-primary-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-primary-blank:is(.ax-el-primary-blank:focus-visible,.ax-el-primary-blank.ax-state-focus){outline-color:rgba(var(--ax-color-primary-300));outline-offset:0}.ax-el-primary-blank>button:is(.ax-el-primary-blank>button:focus-visible,.ax-el-primary-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-300));outline-offset:0}.ax-el-primary-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(0,0,0,0)}.ax-el-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}.ax-el-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}.ax-el-secondary-solid .ax-ripple{background-color:rgba(var(--ax-color-secondary-300), 0.3) !important}.ax-el-secondary-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-secondary-solid:is(.ax-el-secondary-solid:focus-visible,.ax-el-secondary-solid.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-solid>button:is(.ax-el-secondary-solid>button:focus-visible,.ax-el-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-secondary-600))}.ax-el-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}.ax-el-secondary-twotone.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}.ax-el-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}.ax-el-secondary-twotone .ax-ripple{background-color:rgba(var(--ax-color-secondary-500), 0.3) !important}.ax-el-secondary-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-el-secondary-twotone:is(.ax-el-secondary-twotone:focus-visible,.ax-el-secondary-twotone.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-twotone>button:is(.ax-el-secondary-twotone>button:focus-visible,.ax-el-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-secondary-50))}.ax-el-secondary-outline{background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));border-width:1px}.ax-el-secondary-outline.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-700));border-color:rgba(var(--ax-color-secondary-700))}.ax-el-secondary-outline.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));background-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-outline .ax-ripple{background-color:rgba(var(--ax-color-secondary-500), 0.3) !important}.ax-el-secondary-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-secondary-outline:is(.ax-el-secondary-outline:focus-visible,.ax-el-secondary-outline.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-el-secondary-outline>button:is(.ax-el-secondary-outline>button:focus-visible,.ax-el-secondary-outline>button.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-el-secondary-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-blank{color:rgba(var(--ax-color-secondary-500))}.ax-el-secondary-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-fore-tint))}.ax-el-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-el-secondary-blank .ax-ripple{background-color:rgba(var(--ax-color-secondary-500), 0.3)}.ax-el-secondary-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-secondary-blank:is(.ax-el-secondary-blank:focus-visible,.ax-el-secondary-blank.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-300));outline-offset:0}.ax-el-secondary-blank>button:is(.ax-el-secondary-blank>button:focus-visible,.ax-el-secondary-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-300));outline-offset:0}.ax-el-secondary-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(0,0,0,0)}.ax-el-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}.ax-el-success-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}.ax-el-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}.ax-el-success-solid .ax-ripple{background-color:rgba(var(--ax-color-success-300), 0.3) !important}.ax-el-success-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-success-solid:is(.ax-el-success-solid:focus-visible,.ax-el-success-solid.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-el-success-solid>button:is(.ax-el-success-solid>button:focus-visible,.ax-el-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-el-success-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-success-600))}.ax-el-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}.ax-el-success-twotone.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}.ax-el-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}.ax-el-success-twotone .ax-ripple{background-color:rgba(var(--ax-color-success-500), 0.3) !important}.ax-el-success-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-el-success-twotone:is(.ax-el-success-twotone:focus-visible,.ax-el-success-twotone.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-el-success-twotone>button:is(.ax-el-success-twotone>button:focus-visible,.ax-el-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-el-success-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-success-50))}.ax-el-success-outline{background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));border-width:1px}.ax-el-success-outline.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-success-700));border-color:rgba(var(--ax-color-success-700))}.ax-el-success-outline.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));background-color:rgba(var(--ax-color-success-500))}.ax-el-success-outline .ax-ripple{background-color:rgba(var(--ax-color-success-500), 0.3) !important}.ax-el-success-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-success-outline:is(.ax-el-success-outline:focus-visible,.ax-el-success-outline.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore-tint))}.ax-el-success-outline>button:is(.ax-el-success-outline>button:focus-visible,.ax-el-success-outline>button.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore-tint))}.ax-el-success-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-success-500))}.ax-el-success-blank{color:rgba(var(--ax-color-success-500))}.ax-el-success-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-success-fore-tint))}.ax-el-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-el-success-blank .ax-ripple{background-color:rgba(var(--ax-color-success-500), 0.3)}.ax-el-success-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-success-blank:is(.ax-el-success-blank:focus-visible,.ax-el-success-blank.ax-state-focus){outline-color:rgba(var(--ax-color-success-300));outline-offset:0}.ax-el-success-blank>button:is(.ax-el-success-blank>button:focus-visible,.ax-el-success-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-300));outline-offset:0}.ax-el-success-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(0,0,0,0)}.ax-el-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}.ax-el-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}.ax-el-warning-solid .ax-ripple{background-color:rgba(var(--ax-color-warning-300), 0.3) !important}.ax-el-warning-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-warning-solid:is(.ax-el-warning-solid:focus-visible,.ax-el-warning-solid.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-solid>button:is(.ax-el-warning-solid>button:focus-visible,.ax-el-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-warning-600))}.ax-el-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}.ax-el-warning-twotone.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}.ax-el-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}.ax-el-warning-twotone .ax-ripple{background-color:rgba(var(--ax-color-warning-500), 0.3) !important}.ax-el-warning-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-el-warning-twotone:is(.ax-el-warning-twotone:focus-visible,.ax-el-warning-twotone.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-twotone>button:is(.ax-el-warning-twotone>button:focus-visible,.ax-el-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-warning-50))}.ax-el-warning-outline{background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));border-width:1px}.ax-el-warning-outline.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-warning-700));border-color:rgba(var(--ax-color-warning-700))}.ax-el-warning-outline.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));background-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-outline .ax-ripple{background-color:rgba(var(--ax-color-warning-500), 0.3) !important}.ax-el-warning-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-warning-outline:is(.ax-el-warning-outline:focus-visible,.ax-el-warning-outline.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore-tint))}.ax-el-warning-outline>button:is(.ax-el-warning-outline>button:focus-visible,.ax-el-warning-outline>button.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore-tint))}.ax-el-warning-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-warning-500))}.ax-el-warning-blank{color:rgba(var(--ax-color-warning-500))}.ax-el-warning-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-warning-fore-tint))}.ax-el-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-el-warning-blank .ax-ripple{background-color:rgba(var(--ax-color-warning-500), 0.3)}.ax-el-warning-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-warning-blank:is(.ax-el-warning-blank:focus-visible,.ax-el-warning-blank.ax-state-focus){outline-color:rgba(var(--ax-color-warning-300));outline-offset:0}.ax-el-warning-blank>button:is(.ax-el-warning-blank>button:focus-visible,.ax-el-warning-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-300));outline-offset:0}.ax-el-warning-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(0,0,0,0)}.ax-el-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}.ax-el-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}.ax-el-danger-solid .ax-ripple{background-color:rgba(var(--ax-color-danger-300), 0.3) !important}.ax-el-danger-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-danger-solid:is(.ax-el-danger-solid:focus-visible,.ax-el-danger-solid.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-solid>button:is(.ax-el-danger-solid>button:focus-visible,.ax-el-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-danger-600))}.ax-el-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}.ax-el-danger-twotone.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}.ax-el-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}.ax-el-danger-twotone .ax-ripple{background-color:rgba(var(--ax-color-danger-500), 0.3) !important}.ax-el-danger-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-el-danger-twotone:is(.ax-el-danger-twotone:focus-visible,.ax-el-danger-twotone.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-twotone>button:is(.ax-el-danger-twotone>button:focus-visible,.ax-el-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-danger-50))}.ax-el-danger-outline{background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));border-width:1px}.ax-el-danger-outline.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-danger-700));border-color:rgba(var(--ax-color-danger-700))}.ax-el-danger-outline.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));background-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-outline .ax-ripple{background-color:rgba(var(--ax-color-danger-500), 0.3) !important}.ax-el-danger-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-danger-outline:is(.ax-el-danger-outline:focus-visible,.ax-el-danger-outline.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore-tint))}.ax-el-danger-outline>button:is(.ax-el-danger-outline>button:focus-visible,.ax-el-danger-outline>button.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore-tint))}.ax-el-danger-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-danger-500))}.ax-el-danger-blank{color:rgba(var(--ax-color-danger-500))}.ax-el-danger-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-danger-fore-tint))}.ax-el-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-el-danger-blank .ax-ripple{background-color:rgba(var(--ax-color-danger-500), 0.3)}.ax-el-danger-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-danger-blank:is(.ax-el-danger-blank:focus-visible,.ax-el-danger-blank.ax-state-focus){outline-color:rgba(var(--ax-color-danger-300));outline-offset:0}.ax-el-danger-blank>button:is(.ax-el-danger-blank>button:focus-visible,.ax-el-danger-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-300));outline-offset:0}.ax-el-danger-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(0,0,0,0)}.ax-el-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}.ax-el-info-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}.ax-el-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}.ax-el-info-solid .ax-ripple{background-color:rgba(var(--ax-color-info-300), 0.3) !important}.ax-el-info-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-info-solid:is(.ax-el-info-solid:focus-visible,.ax-el-info-solid.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-el-info-solid>button:is(.ax-el-info-solid>button:focus-visible,.ax-el-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-el-info-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-info-600))}.ax-el-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}.ax-el-info-twotone.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}.ax-el-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}.ax-el-info-twotone .ax-ripple{background-color:rgba(var(--ax-color-info-500), 0.3) !important}.ax-el-info-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-el-info-twotone:is(.ax-el-info-twotone:focus-visible,.ax-el-info-twotone.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-el-info-twotone>button:is(.ax-el-info-twotone>button:focus-visible,.ax-el-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-el-info-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-info-50))}.ax-el-info-outline{background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));border-width:1px}.ax-el-info-outline.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-info-700));border-color:rgba(var(--ax-color-info-700))}.ax-el-info-outline.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));background-color:rgba(var(--ax-color-info-500))}.ax-el-info-outline .ax-ripple{background-color:rgba(var(--ax-color-info-500), 0.3) !important}.ax-el-info-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-info-outline:is(.ax-el-info-outline:focus-visible,.ax-el-info-outline.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore-tint))}.ax-el-info-outline>button:is(.ax-el-info-outline>button:focus-visible,.ax-el-info-outline>button.ax-state-focus){outline-offset:-2px;outline-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore-tint))}.ax-el-info-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-info-500))}.ax-el-info-blank{color:rgba(var(--ax-color-info-500))}.ax-el-info-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-info-fore-tint))}.ax-el-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-el-info-blank .ax-ripple{background-color:rgba(var(--ax-color-info-500), 0.3)}.ax-el-info-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-500));border-bottom-color:rgba(0,0,0,0)}.ax-el-info-blank:is(.ax-el-info-blank:focus-visible,.ax-el-info-blank.ax-state-focus){outline-color:rgba(var(--ax-color-info-300));outline-offset:0}.ax-el-info-blank>button:is(.ax-el-info-blank>button:focus-visible,.ax-el-info-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-300));outline-offset:0}.ax-el-info-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(0,0,0,0)}.ax-el-ghost-solid{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));--ax-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected,.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-solid.ax-el-interactive:hover+.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-solid.ax-el-interactive:active{border-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-700))}.ax-el-ghost-solid.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-el-ghost-solid .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-el-ghost-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-ghost-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-ghost-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-border-default))}.ax-el-ghost-outline{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-ghost-fore))}.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected,.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-outline.ax-el-interactive:hover+.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-outline.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-el-ghost-outline .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-el-ghost-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-ghost-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-ghost-outline.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-border-default))}.ax-el-ghost-blank{border-style:none;background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-ghost-fore))}.ax-el-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected,.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-700))}.ax-el-ghost-blank.ax-el-interactive:active{border-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-800))}.ax-el-ghost-blank .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-el-ghost-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-ghost-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-ghost-blank>button:is(.ax-el-ghost-blank>button:focus-visible,.ax-el-ghost-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-blank.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-border-default))}.ax-el-ghost-twotone{border-color:rgba(0,0,0,0);background-color:rgba(var(--ax-color-ghost-fore), 0.05);color:rgba(var(--ax-color-ghost-fore))}.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected,.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-el-ghost-twotone.ax-el-interactive:hover+.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-twotone.ax-el-interactive:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-tint))}.ax-el-ghost-twotone.ax-state-selected{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-fore-tint))}.ax-el-ghost-twotone .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-el-ghost-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-ghost-fore));border-bottom-color:rgba(0,0,0,0)}.ax-el-ghost-twotone>button:is(.ax-el-ghost-twotone>button:focus-visible,.ax-el-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-el-ghost-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-border-default))}.ax-dark .ax-el-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-primary-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark .ax-el-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark .ax-el-primary-solid .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-dark .ax-el-primary-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-primary-solid>button:is(.ax-dark .ax-el-primary-solid>button:focus-visible,.ax-dark .ax-el-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-primary-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-900))}.ax-dark .ax-el-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-primary-twotone.ax-state-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-el-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark .ax-el-primary-twotone .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3)}.ax-dark .ax-el-primary-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-primary-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-950))}.ax-dark .ax-el-primary-outline{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-primary-outline.ax-el-interactive:hover:not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-primary-outline.ax-state-selected{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-el-primary-outline .ax-ripple{border-color:rgba(var(--ax-color-primary-500), 0.3)}.ax-dark .ax-el-primary-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-primary-outline>button:is(.ax-dark .ax-el-primary-outline>button:focus-visible,.ax-dark .ax-el-primary-outline>button.ax-state-focus){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-el-primary-blank{color:rgba(var(--ax-color-primary-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-primary-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-primary-400))}.ax-dark .ax-el-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-el-primary-blank .ax-ripple{background-color:rgba(var(--ax-color-primary-300), 0.3) !important}.ax-dark .ax-el-primary-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-primary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark .ax-el-secondary-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark .ax-el-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark .ax-el-secondary-solid .ax-ripple{background-color:rgba(var(--ax-color-secondary-500), 0.3) !important}.ax-dark .ax-el-secondary-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-secondary-solid>button:is(.ax-dark .ax-el-secondary-solid>button:focus-visible,.ax-dark .ax-el-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-secondary-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-secondary-900))}.ax-dark .ax-el-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark .ax-el-secondary-twotone.ax-state-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark .ax-el-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark .ax-el-secondary-twotone .ax-ripple{background-color:rgba(var(--ax-color-secondary-500), 0.3)}.ax-dark .ax-el-secondary-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-secondary-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-secondary-950))}.ax-dark .ax-el-secondary-outline{border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark .ax-el-secondary-outline.ax-el-interactive:hover:not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-secondary-outline.ax-state-selected{border-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-300))}.ax-dark .ax-el-secondary-outline .ax-ripple{border-color:rgba(var(--ax-color-secondary-500), 0.3)}.ax-dark .ax-el-secondary-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-secondary-outline>button:is(.ax-dark .ax-el-secondary-outline>button:focus-visible,.ax-dark .ax-el-secondary-outline>button.ax-state-focus){border-color:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-300))}.ax-dark .ax-el-secondary-blank{color:rgba(var(--ax-color-secondary-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-secondary-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-400))}.ax-dark .ax-el-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-el-secondary-blank .ax-ripple{background-color:rgba(var(--ax-color-secondary-300), 0.3) !important}.ax-dark .ax-el-secondary-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-secondary-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark .ax-el-success-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark .ax-el-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark .ax-el-success-solid .ax-ripple{background-color:rgba(var(--ax-color-success-500), 0.3) !important}.ax-dark .ax-el-success-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-success-solid>button:is(.ax-dark .ax-el-success-solid>button:focus-visible,.ax-dark .ax-el-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-success-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-success-900))}.ax-dark .ax-el-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark .ax-el-success-twotone.ax-state-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark .ax-el-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark .ax-el-success-twotone .ax-ripple{background-color:rgba(var(--ax-color-success-500), 0.3)}.ax-dark .ax-el-success-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-success-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-success-950))}.ax-dark .ax-el-success-outline{border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark .ax-el-success-outline.ax-el-interactive:hover:not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-success-outline.ax-state-selected{border-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-300))}.ax-dark .ax-el-success-outline .ax-ripple{border-color:rgba(var(--ax-color-success-500), 0.3)}.ax-dark .ax-el-success-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-success-outline>button:is(.ax-dark .ax-el-success-outline>button:focus-visible,.ax-dark .ax-el-success-outline>button.ax-state-focus){border-color:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-300))}.ax-dark .ax-el-success-blank{color:rgba(var(--ax-color-success-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-success-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-success-400))}.ax-dark .ax-el-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-el-success-blank .ax-ripple{background-color:rgba(var(--ax-color-success-300), 0.3) !important}.ax-dark .ax-el-success-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-success-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark .ax-el-warning-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark .ax-el-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark .ax-el-warning-solid .ax-ripple{background-color:rgba(var(--ax-color-warning-500), 0.3) !important}.ax-dark .ax-el-warning-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-warning-solid>button:is(.ax-dark .ax-el-warning-solid>button:focus-visible,.ax-dark .ax-el-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-warning-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-warning-900))}.ax-dark .ax-el-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark .ax-el-warning-twotone.ax-state-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark .ax-el-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark .ax-el-warning-twotone .ax-ripple{background-color:rgba(var(--ax-color-warning-500), 0.3)}.ax-dark .ax-el-warning-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-warning-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-warning-950))}.ax-dark .ax-el-warning-outline{border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark .ax-el-warning-outline.ax-el-interactive:hover:not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-warning-outline.ax-state-selected{border-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-300))}.ax-dark .ax-el-warning-outline .ax-ripple{border-color:rgba(var(--ax-color-warning-500), 0.3)}.ax-dark .ax-el-warning-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-warning-outline>button:is(.ax-dark .ax-el-warning-outline>button:focus-visible,.ax-dark .ax-el-warning-outline>button.ax-state-focus){border-color:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-300))}.ax-dark .ax-el-warning-blank{color:rgba(var(--ax-color-warning-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-warning-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-warning-400))}.ax-dark .ax-el-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-el-warning-blank .ax-ripple{background-color:rgba(var(--ax-color-warning-300), 0.3) !important}.ax-dark .ax-el-warning-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-warning-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark .ax-el-danger-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark .ax-el-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark .ax-el-danger-solid .ax-ripple{background-color:rgba(var(--ax-color-danger-500), 0.3) !important}.ax-dark .ax-el-danger-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-danger-solid>button:is(.ax-dark .ax-el-danger-solid>button:focus-visible,.ax-dark .ax-el-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-danger-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-danger-900))}.ax-dark .ax-el-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark .ax-el-danger-twotone.ax-state-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark .ax-el-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark .ax-el-danger-twotone .ax-ripple{background-color:rgba(var(--ax-color-danger-500), 0.3)}.ax-dark .ax-el-danger-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-danger-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-danger-950))}.ax-dark .ax-el-danger-outline{border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark .ax-el-danger-outline.ax-el-interactive:hover:not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-danger-outline.ax-state-selected{border-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-300))}.ax-dark .ax-el-danger-outline .ax-ripple{border-color:rgba(var(--ax-color-danger-500), 0.3)}.ax-dark .ax-el-danger-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-danger-outline>button:is(.ax-dark .ax-el-danger-outline>button:focus-visible,.ax-dark .ax-el-danger-outline>button.ax-state-focus){border-color:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-300))}.ax-dark .ax-el-danger-blank{color:rgba(var(--ax-color-danger-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-danger-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-danger-400))}.ax-dark .ax-el-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-el-danger-blank .ax-ripple{background-color:rgba(var(--ax-color-danger-300), 0.3) !important}.ax-dark .ax-el-danger-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-danger-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark .ax-el-info-solid.ax-el-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-el-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark .ax-el-info-solid .ax-ripple{background-color:rgba(var(--ax-color-info-500), 0.3) !important}.ax-dark .ax-el-info-solid ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-info-solid>button:is(.ax-dark .ax-el-info-solid>button:focus-visible,.ax-dark .ax-el-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-info-solid.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-info-900))}.ax-dark .ax-el-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark .ax-el-info-twotone.ax-state-interactive:hover:not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark .ax-el-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark .ax-el-info-twotone .ax-ripple{background-color:rgba(var(--ax-color-info-500), 0.3)}.ax-dark .ax-el-info-twotone ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-info-twotone.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-info-950))}.ax-dark .ax-el-info-outline{border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark .ax-el-info-outline.ax-el-interactive:hover:not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-info-outline.ax-state-selected{border-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-300))}.ax-dark .ax-el-info-outline .ax-ripple{border-color:rgba(var(--ax-color-info-500), 0.3)}.ax-dark .ax-el-info-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-info-outline>button:is(.ax-dark .ax-el-info-outline>button:focus-visible,.ax-dark .ax-el-info-outline>button.ax-state-focus){border-color:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-300))}.ax-dark .ax-el-info-blank{color:rgba(var(--ax-color-info-300));background-color:rgba(0,0,0,0)}.ax-dark .ax-el-info-blank.ax-el-interactive:hover:not(.ax-state-disabled){color:rgba(var(--ax-color-info-400))}.ax-dark .ax-el-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark .ax-el-info-blank .ax-ripple{background-color:rgba(var(--ax-color-info-300), 0.3) !important}.ax-dark .ax-el-info-blank ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-info-fore-tint));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected,.ax-dark .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-ghost-solid.ax-el-interactive:hover+.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-ghost-solid.ax-el-interactive:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-el-ghost-solid.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-el-ghost-solid .ax-ripple{background-color:rgba(var(--ax-color-primary-200), 0.3) !important}.ax-dark .ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected,.ax-dark .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-ghost-outline.ax-el-interactive:hover+.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-ghost-outline.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark .ax-el-ghost-outline .ax-ripple{background-color:rgba(var(--ax-color-primary-200), 0.3)}.ax-dark .ax-el-ghost-outline ax-loading-spinner .ax-loader{border-color:rgba(var(--ax-color-ghost-fore));border-bottom-color:rgba(0,0,0,0)}.ax-dark .ax-el-ghost-blank{border-style:none;background-color:rgba(0,0,0,0);color:rgba(var(--ax-color-ghost-fore))}.ax-dark .ax-el-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected,.ax-dark .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-el-ghost-blank.ax-el-interactive:active{border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-400))}.ax-dark .ax-el-ghost-blank .ax-ripple{background-color:rgba(var(--ax-color-primary-200), 0.3) !important}.ax-dark .ax-el-ghost-blank>button:is(.ax-dark .ax-el-ghost-blank>button:focus-visible,.ax-dark .ax-el-ghost-blank>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-ghost-twotone{border-color:rgba(0,0,0,0);background-color:rgba(var(--ax-color-ghost-fore), 0.05);color:rgba(var(--ax-color-ghost-fore))}.ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected,.ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover+.ax-dropdown-button-marker{border-inline-start-color:rgba(var(--ax-color-primary-200))}.ax-dark .ax-el-ghost-twotone.ax-el-interactive:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark .ax-el-ghost-twotone.ax-state-selected{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-el-ghost-twotone .ax-ripple{background-color:rgba(var(--ax-color-primary-500), 0.3) !important}.ax-dark .ax-el-ghost-twotone>button:is(.ax-dark .ax-el-ghost-twotone>button:focus-visible,.ax-dark .ax-el-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-drop-down{display:contents}.ax-drop-down .ax-dropdown-content{display:flex;flex:1 1 0%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:.875rem;line-height:1.25rem;text-transform:capitalize}.ax-drop-down .ax-dropdown-content.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-overlay-pane{margin-top:.25rem;height:fit-content;overflow:hidden;border-radius:0px;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media(min-width: 768px){.ax-overlay-pane{border-radius:var(--ax-rounded-border-default)}}.ax-overlay-pane ax-header,.ax-overlay-pane ax-footer{background-color:rgba(var(--ax-color-surface));padding:.75rem}.ax-overlay-pane.ax-overlay-center{height:fit-content;width:80vw;max-width:90vh}.ax-overlay-pane.ax-overlay-actionsheet{height:auto;max-height:85vh;width:100%;background-color:rgba(var(--ax-color-surface))}.ax-overlay-pane.ax-overlay-actionsheet.ax-full{height:95vh;max-height:95vh}.ax-overlay-pane.ax-overlay-full{width:100vw;height:100vh}.ax-dark .ax-editor-container.ax-look-fill.ax-state-error{background-color:rgba(var(--ax-color-danger-500), 0.25)}.ax-dark .ax-editor-container.ax-look-fill.ax-state-success{background-color:rgba(var(--ax-color-success-500), 0.25)}.ax-editor-container{display:flex;height:var(--ax-size-default);width:100%;align-items:center;overflow:hidden;font-size:.875rem;line-height:1;color:rgba(var(--ax-color-input-surface-fore))}.ax-editor-container .ax-editor-container{background-color:rgba(var(--ax-color-on-surface)) !important;border-radius:0 !important;border:0px !important;height:100% !important}.ax-editor-container .ax-editor-container:focus-within{box-shadow:none !important}.ax-editor-container .ax-editor-container:focus{box-shadow:0px 0px 0 1px rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-state-disabled{opacity:.5;cursor:not-allowed}.ax-editor-container.ax-look-solid,.ax-editor-container.ax-look-outline{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-input-surface))}.ax-editor-container.ax-look-solid:focus-within,.ax-editor-container.ax-look-outline:focus-within{box-shadow:0px 0px 0 1px rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-look-solid.ax-state-error,.ax-editor-container.ax-look-outline.ax-state-error{border-color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-solid.ax-state-error:focus-within,.ax-editor-container.ax-look-outline.ax-state-error:focus-within{box-shadow:0px 0px 0 1px rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-solid.ax-state-error .ax-input::placeholder,.ax-editor-container.ax-look-outline.ax-state-error .ax-input::placeholder{color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-flat{border-radius:0px;border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}.ax-editor-container.ax-look-flat:focus-within{border-color:rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-look-flat.ax-state-error{border-color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-flat.ax-state-error .ax-input::placeholder{color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-outline{background-color:rgba(0,0,0,0) !important}.ax-editor-container.ax-look-fill{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface))}.ax-editor-container.ax-look-fill:focus-within{box-shadow:0px 0px 0 2px rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-look-fill.ax-state-error{background-color:rgba(var(--ax-color-danger-50));color:rgba(var(--ax-color-danger-fore-tint))}.ax-editor-container.ax-look-fill.ax-state-error:focus-within{box-shadow:0px 0px 0 2px rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-fill.ax-state-error .ax-input::placeholder{color:rgba(var(--ax-color-danger-500))}.ax-editor-container .ax-editor-input{height:100%;flex:1 1 0%}.ax-editor-container .ax-editor-input .ax-input{height:100%}.ax-editor-container .ax-input{padding-left:.75rem;padding-right:.75rem}.ax-editor-container .ax-input::placeholder{font-size:inherit;font-weight:400;color:rgb(var(--ax-color-text-default), 0.5)}.ax-editor-container .ax-input:focus,.ax-editor-container .ax-input:focus-visible,.ax-editor-container .ax-input:focus-within{outline:none}.ax-editor-container.ax-xs .ax-input{padding:.5rem;font-size:.75rem;line-height:1rem}.ax-editor-container.ax-sm .ax-input{padding:.5rem;font-size:.875rem;line-height:1.25rem}.ax-editor-container.ax-md .ax-input{font-size:.875rem;line-height:1.25rem}.ax-editor-container.ax-lg .ax-input{font-size:1rem;line-height:1.25rem}.ax-editor-container.ax-xl .ax-input{font-size:1.125rem;line-height:1.75rem}.ax-editor-container .ax-editor-control{display:flex;height:100%;align-items:center;justify-content:center;padding-inline-start:.5rem;font-size:1.125rem;line-height:1.75rem;font-size:1.125rem;line-height:1.75rem;color:rgba(var(--ax-color-input-surface-fore))}.ax-editor-container.ax-button-icon{padding-left:.5rem;padding-right:.5rem}.ax-editor-container .ax-input,.ax-editor-container .ax-text-area{text-align:inherit;font-family:inherit;font-size:inherit;line-height:inherit;height:100%;width:100%;flex:1 1 0%;background-color:rgba(0,0,0,0);font-weight:400}.ax-editor-container .ax-input:focus,.ax-editor-container .ax-text-area:focus{box-shadow:none}.ax-editor-container .ax-text-area{padding:.625rem}.ax-editor-container>ax-prefix *,.ax-editor-container>ax-prefix .ax-button,.ax-editor-container>ax-prefix ax-title{border-end-start-radius:.25rem;border-start-start-radius:.25rem}.ax-editor-container>ax-prefix ax-icon{padding-left:.75rem;padding-right:.75rem}.ax-editor-container>ax-suffix *,.ax-editor-container>ax-suffix .ax-button,.ax-editor-container>ax-suffix ax-title{border-end-end-radius:.25rem;border-start-end-radius:.25rem}.ax-editor-container>ax-prefix,.ax-editor-container>ax-suffix{height:100%}.ax-editor-container>ax-prefix+.ax-input,.ax-editor-container>ax-suffix+.ax-input{padding-left:.375rem !important;padding-right:.375rem !important}.ax-editor-container>ax-prefix *,.ax-editor-container>ax-suffix *{display:flex;height:100%;align-items:center;justify-content:center;border-radius:0px}.ax-editor-container>ax-prefix ax-title,.ax-editor-container>ax-suffix ax-title{padding-left:1rem;padding-right:1rem}.ax-editor-container>ax-prefix>ax-text,.ax-editor-container>ax-suffix>ax-text{display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem}.ax-editor-container .ax-button{height:100% !important;border-radius:0px !important}.ax-editor-container .ax-button.ax-button-icon{height:100%;width:var(--ax-size-default)}.ax-ripple{transform:scale(0);animation:ripple 500ms linear;position:absolute;border-radius:9999px !important}@keyframes ripple{to{transform:scale(4);opacity:0}}.ax-general-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-color-text-default), 0.75)}.ax-general-button:hover:not(.ax-general-button:hover:disabled,.ax-state-disabled){color:rgba(var(--ax-color-primary-500), var(--tw-text-opacity))}.ax-general-button:focus:not(.ax-general-button:focus:disabled,.ax-state-disabled,.ax-general-button:focus-visible:disabled),.ax-general-button:focus-visible:not(.ax-general-button:focus:disabled,.ax-state-disabled,.ax-general-button:focus-visible:disabled){color:rgba(var(--ax-color-primary-700), var(--tw-text-opacity))}.ax-general-button:active:not(.ax-general-button:active:disabled,.ax-state-disabled){color:rgba(var(--ax-color-primary-300), var(--tw-text-opacity))}.ax-general-button.ax-button-icon{padding-left:.5rem;padding-right:.5rem}.ax-general-button.ax-button-icon>button{display:flex}.ax-general-button.ax-button-rounded{border-radius:var(--ax-rounded-border-default)}.ax-general-button:disabled,.ax-general-button.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-clear-button{display:inline-flex;height:var(--ax-size-default);align-items:center;justify-content:center;margin-left:.25rem;margin-right:.25rem;font-size:1rem;line-height:1.5rem;line-height:1;color:rgb(var(--ax-color-text-default), 0.75)}.ax-clear-button>button{display:flex}.ax-clear-button:hover:not(.ax-clear-button:hover:disabled,.ax-state-disabled){color:rgb(var(--ax-color-text-default), 0.5)}.ax-clear-button:focus:not(.ax-clear-button:focus:disabled,.ax-state-disabled,.ax-clear-button:focus-visible:disabled),.ax-clear-button:focus-visible:not(.ax-clear-button:focus:disabled,.ax-state-disabled,.ax-clear-button:focus-visible:disabled){color:rgb(var(--ax-color-text-default))}.ax-input{font-size:inherit;padding:0px;outline-width:0px}.ax-input:focus{outline-color:rgba(0,0,0,0)}.ax-dark .ax-list-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-800)) !important;color:rgba(var(--ax-color-primary-fore)) !important}.ax-dark .ax-list-item.ax-state-selected .ax-selected-icon{color:rgba(var(--ax-color-primary-fore))}.ax-list{display:flex;height:100%;flex-direction:column;overflow:hidden;background-color:rgba(var(--ax-color-surface));font-size:.875rem;line-height:1.25rem}@media(min-width: 768px){.ax-list{max-height:20rem}}.ax-list ax-header,.ax-list ax-footer{display:flex;align-items:center;justify-content:space-between;border-color:rgba(var(--ax-color-border-default), var(--tw-border-opacity));background-color:rgba(var(--ax-color-surface), var(--tw-bg-opacity))}.ax-list ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default), var(--tw-border-opacity));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media(min-width: 768px){.ax-list ax-header{font-size:1.125rem;line-height:1.75rem}}.ax-list ax-header ax-prefix,.ax-list ax-header ax-suffix{display:flex;flex-direction:column;justify-items:start}.ax-list ax-header ax-prefix{align-items:flex-start}.ax-list ax-header ax-suffix{align-items:flex-end}.ax-list ax-footer{border-top-width:1px}.ax-list .ax-content{flex:1 1 0%;overflow-y:auto;overflow-x:hidden}.ax-list .ax-content.ax-list-items-container{height:100%;overflow-y:auto;padding-top:.5rem;padding-bottom:.5rem}.ax-list .ax-content.ax-list-items-container.ax-vertical{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr))}.ax-list .ax-content.ax-list-items-container.ax-vertical.ax-divide{border-top-width:1px;border-bottom-width:1px}.ax-list .ax-content.ax-list-items-container.ax-default{cursor:pointer}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group>span{display:flex;align-items:center;padding:.75rem;font-weight:500}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group>ul{padding-left:.75rem;padding-right:.75rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group .ax-list-item{margin-bottom:.25rem;border-radius:var(--ax-rounded-border-default)}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item{position:relative;display:flex;height:var(--ax-size-default);user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:1rem;line-height:1.5rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus,.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus-visible{outline-width:2px;outline-offset:2px}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-checkbox .ax-checkbox-label{margin-inline-start:.5rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500), var(--tw-bg-opacity)) !important;color:rgba(var(--ax-color-primary-fore), var(--tw-text-opacity)) !important}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-selected .ax-selected-icon{font-size:1.5rem;line-height:2rem;color:rgba(var(--ax-color-primary-500))}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus-visible,.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:hover{background-color:rgba(var(--ax-color-on-surface))}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-focus{background-color:rgba(var(--ax-color-on-surface))}.ax-list .ax-content.ax-list-items-container .ax-list-loading-container{display:flex;justify-content:center;padding:.5rem}.ax-list .ax-search-box-container{padding:.5rem}.ax-list .ax-search-box-container.ax-state-hidden{display:none}.ax-radio{margin:0px;height:1rem;min-height:1rem;min-width:1rem;width:1rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-radio:checked{border-color:rgba(var(--ax-color-primary-500)) !important;background-color:rgba(var(--ax-color-primary-500)) !important;background-size:contain;background-repeat:no-repeat}.ax-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.ax-radio:focus-visible,.ax-radio:focus{box-shadow:0px 0px 0px 2px rgba(var(--ax-color-surface)),0px 0px 0px 4px rgba(var(--ax-color-primary-500))}.ax-radio:disabled{cursor:not-allowed;opacity:.5}.ax-dark .ax-table thead{background-color:rgba(var(--ax-color-on-surface))}.ax-table{width:100%;border-collapse:collapse;border-spacing:0;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));font-size:.875rem;line-height:1.25rem}.ax-table td{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem}.ax-table thead{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface))}.ax-table thead th{padding-left:1rem;padding-right:1rem;padding-top:.875rem;padding-bottom:.875rem;text-align:start;font-weight:500;text-transform:uppercase}.ax-table.ax-table-alternate tbody tr:nth-child(even){background-color:rgba(var(--ax-color-on-surface))}.ax-table.ax-table-bordered thead th{border-top-width:0px !important}.ax-table.ax-table-bordered tbody tr:last-child td{border-bottom-width:0px !important}.ax-table.ax-table-bordered tbody tr td:last-child{border-bottom-width:0px !important}.ax-table.ax-table-bordered td,.ax-table.ax-table-bordered th{border-width:1px;border-color:rgba(var(--ax-color-border-default))}.ax-table.ax-table-bordered td:first-child,.ax-table.ax-table-bordered th:first-child{border-inline-start-width:0px}.ax-table.ax-table-bordered td:last-child,.ax-table.ax-table-bordered th:last-child{border-inline-end-width:0px}@media screen and (max-width: 601px){.ax-table.ax-table-responsive{display:block;overflow-wrap:break-word;border-width:0px}.ax-table.ax-table-responsive thead{position:absolute;inset-inline-start:-100%;top:-100%}.ax-table.ax-table-responsive td{float:inline-start;clear:both;box-sizing:border-box;display:block;width:100%;padding-left:.625rem;padding-right:.625rem;padding-top:.375rem;padding-bottom:.375rem}.ax-table.ax-table-responsive td:last-child{border-width:0px}.ax-table.ax-table-responsive td:before{content:attr(data-label);display:block;font-weight:700}.ax-table.ax-table-responsive tr{border-width:1px;border-color:rgba(var(--ax-color-border-default))}.ax-table.ax-table-responsive tr,.ax-table.ax-table-responsive tbody{float:inline-start;margin-bottom:.625rem;width:100%}}[class*=" ax-icon-"],[class^=ax-icon-]{vertical-align:middle}.ax-fieldset{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:.75rem}.ax-fieldset legend{padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}.ax-card{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}.ax-drop-zone>input{position:absolute;height:100%;width:100%;cursor:pointer;opacity:0}.ax-uploader-overlay-state{border-radius:inherit;pointer-events:none;position:absolute;inset-inline-start:0px;top:0px;z-index:10;display:flex;height:100%;width:100%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(var(--ax-color-primary-200), 0.75);font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-primary-fore-tint));outline-style:dashed;outline-offset:-4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.ax-dark .ax-uploader-overlay-state{background-color:rgba(var(--ax-color-primary-800), 0.75);color:rgba(var(--ax-color-primary-fore));outline-color:rgba(var(--ax-color-primary-fore))}.ax-xs{--ax-size-default: calc(var(--ax-size-base) - 0.75rem)}.ax-sm{--ax-size-default: calc(var(--ax-size-base) - 0.5rem)}.ax-md{--ax-size-default: var(--ax-size-base)}.ax-lg{--ax-size-default: calc(var(--ax-size-base) + 0.5rem)}.ax-xl{--ax-size-default: calc(var(--ax-size-base) + 1rem)}.ax-placeholder{color:rgba(var(--ax-color-text-default), 0.5);font-weight:500}
package/index.scss ADDED
@@ -0,0 +1,9 @@
1
+ @import '@angular/cdk/overlay-prebuilt.css';
2
+
3
+ @import './src/base/preflight';
4
+ @import './src/variables/colors';
5
+
6
+ @import './src/base/index.scss';
7
+ @import './src/mixins/index.scss';
8
+ @import './src/shared/index.scss';
9
+ @import './src/utility/index.scss';
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
- {
2
- "name": "@acorex/styles",
3
- "version": "16.0.2",
4
- "description": "",
5
- "main": "index.js",
6
- "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
8
- },
9
- "author": "",
10
- "license": "ISC"
11
- }
1
+ {
2
+ "name": "@acorex/styles",
3
+ "version": "17.0.1",
4
+ "main": "index.js",
5
+ "author": "Ali Safari",
6
+ "license": "ISC",
7
+ "peerDependencies": {
8
+ "animated-tailwindcss": ">=4.0.0",
9
+ "tailwindcss": ">=3.3.5"
10
+ }
11
+ }
@@ -0,0 +1,417 @@
1
+ /*
2
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
3
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
4
+ */
5
+
6
+ *,
7
+ ::before,
8
+ ::after {
9
+ box-sizing: border-box; /* 1 */
10
+ border-width: 0; /* 2 */
11
+ border-style: solid; /* 2 */
12
+ border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
13
+ }
14
+
15
+ ::before,
16
+ ::after {
17
+ --tw-content: '';
18
+ }
19
+
20
+ /*
21
+ 1. Use a consistent sensible line-height in all browsers.
22
+ 2. Prevent adjustments of font size after orientation changes in iOS.
23
+ 3. Use a more readable tab size.
24
+ 4. Use the user's configured `sans` font-family by default.
25
+ 5. Use the user's configured `sans` font-feature-settings by default.
26
+ 6. Use the user's configured `sans` font-variation-settings by default.
27
+ 7. Disable tap highlights on iOS.
28
+ */
29
+
30
+ html,
31
+ :host {
32
+ line-height: 1.5; /* 1 */
33
+ -webkit-text-size-adjust: 100%; /* 2 */
34
+ -moz-tab-size: 4; /* 3 */
35
+ tab-size: 4; /* 3 */
36
+ font-family: theme(
37
+ 'fontFamily.sans',
38
+ ui-sans-serif,
39
+ system-ui,
40
+ sans-serif,
41
+ 'Apple Color Emoji',
42
+ 'Segoe UI Emoji',
43
+ 'Segoe UI Symbol',
44
+ 'Noto Color Emoji'
45
+ ); /* 4 */
46
+ font-feature-settings: theme(
47
+ 'fontFamily.sans[1].fontFeatureSettings',
48
+ normal
49
+ ); /* 5 */
50
+ font-variation-settings: theme(
51
+ 'fontFamily.sans[1].fontVariationSettings',
52
+ normal
53
+ ); /* 6 */
54
+ -webkit-tap-highlight-color: transparent; /* 7 */
55
+ }
56
+
57
+ /*
58
+ 1. Remove the margin in all browsers.
59
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
60
+ */
61
+
62
+ body {
63
+ margin: 0; /* 1 */
64
+ line-height: inherit; /* 2 */
65
+ }
66
+
67
+ /*
68
+ 1. Add the correct height in Firefox.
69
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
70
+ 3. Ensure horizontal rules are visible by default.
71
+ */
72
+
73
+ hr {
74
+ height: 0; /* 1 */
75
+ color: inherit; /* 2 */
76
+ border-top-width: 1px; /* 3 */
77
+ }
78
+
79
+ /*
80
+ Add the correct text decoration in Chrome, Edge, and Safari.
81
+ */
82
+
83
+ abbr:where([title]) {
84
+ text-decoration: underline dotted;
85
+ }
86
+
87
+ /*
88
+ Remove the default font size and weight for headings.
89
+ */
90
+
91
+ h1,
92
+ h2,
93
+ h3,
94
+ h4,
95
+ h5,
96
+ h6 {
97
+ font-size: inherit;
98
+ font-weight: inherit;
99
+ }
100
+
101
+ /*
102
+ Reset links to optimize for opt-in styling instead of opt-out.
103
+ */
104
+
105
+ a {
106
+ color: inherit;
107
+ text-decoration: inherit;
108
+ }
109
+
110
+ /*
111
+ Add the correct font weight in Edge and Safari.
112
+ */
113
+
114
+ b,
115
+ strong {
116
+ font-weight: bolder;
117
+ }
118
+
119
+ /*
120
+ 1. Use the user's configured `mono` font-family by default.
121
+ 2. Use the user's configured `mono` font-feature-settings by default.
122
+ 3. Use the user's configured `mono` font-variation-settings by default.
123
+ 4. Correct the odd `em` font sizing in all browsers.
124
+ */
125
+
126
+ code,
127
+ kbd,
128
+ samp,
129
+ pre {
130
+ font-family: theme(
131
+ 'fontFamily.mono',
132
+ ui-monospace,
133
+ SFMono-Regular,
134
+ Menlo,
135
+ Monaco,
136
+ Consolas,
137
+ 'Liberation Mono',
138
+ 'Courier New',
139
+ monospace
140
+ ); /* 1 */
141
+ font-feature-settings: theme(
142
+ 'fontFamily.mono[1].fontFeatureSettings',
143
+ normal
144
+ ); /* 2 */
145
+ font-variation-settings: theme(
146
+ 'fontFamily.mono[1].fontVariationSettings',
147
+ normal
148
+ ); /* 3 */
149
+ font-size: 1em; /* 4 */
150
+ }
151
+
152
+ /*
153
+ Add the correct font size in all browsers.
154
+ */
155
+
156
+ small {
157
+ font-size: 80%;
158
+ }
159
+
160
+ /*
161
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
162
+ */
163
+
164
+ sub,
165
+ sup {
166
+ font-size: 75%;
167
+ line-height: 0;
168
+ position: relative;
169
+ vertical-align: baseline;
170
+ }
171
+
172
+ sub {
173
+ bottom: -0.25em;
174
+ }
175
+
176
+ sup {
177
+ top: -0.5em;
178
+ }
179
+
180
+ /*
181
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
182
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
183
+ 3. Remove gaps between table borders by default.
184
+ */
185
+
186
+ table {
187
+ text-indent: 0; /* 1 */
188
+ border-color: inherit; /* 2 */
189
+ border-collapse: collapse; /* 3 */
190
+ }
191
+
192
+ /*
193
+ 1. Change the font styles in all browsers.
194
+ 2. Remove the margin in Firefox and Safari.
195
+ 3. Remove default padding in all browsers.
196
+ */
197
+
198
+ button,
199
+ input,
200
+ optgroup,
201
+ select,
202
+ textarea {
203
+ font-family: inherit; /* 1 */
204
+ font-feature-settings: inherit; /* 1 */
205
+ font-variation-settings: inherit; /* 1 */
206
+ font-size: 100%; /* 1 */
207
+ font-weight: inherit; /* 1 */
208
+ line-height: inherit; /* 1 */
209
+ color: inherit; /* 1 */
210
+ margin: 0; /* 2 */
211
+ padding: 0; /* 3 */
212
+ }
213
+
214
+ /*
215
+ Remove the inheritance of text transform in Edge and Firefox.
216
+ */
217
+
218
+ button,
219
+ select {
220
+ text-transform: none;
221
+ }
222
+
223
+ /*
224
+ 1. Correct the inability to style clickable types in iOS and Safari.
225
+ 2. Remove default button styles.
226
+ */
227
+
228
+ button,
229
+ [type='button'],
230
+ [type='reset'],
231
+ [type='submit'] {
232
+ -webkit-appearance: button; /* 1 */
233
+ background-color: transparent; /* 2 */
234
+ background-image: none; /* 2 */
235
+ }
236
+
237
+ /*
238
+ Use the modern Firefox focus style for all focusable elements.
239
+ */
240
+
241
+ :-moz-focusring {
242
+ outline: auto;
243
+ }
244
+
245
+ /*
246
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
247
+ */
248
+
249
+ :-moz-ui-invalid {
250
+ box-shadow: none;
251
+ }
252
+
253
+ /*
254
+ Add the correct vertical alignment in Chrome and Firefox.
255
+ */
256
+
257
+ progress {
258
+ vertical-align: baseline;
259
+ }
260
+
261
+ /*
262
+ Correct the cursor style of increment and decrement buttons in Safari.
263
+ */
264
+
265
+ ::-webkit-inner-spin-button,
266
+ ::-webkit-outer-spin-button {
267
+ height: auto;
268
+ }
269
+
270
+ /*
271
+ 1. Correct the odd appearance in Chrome and Safari.
272
+ 2. Correct the outline style in Safari.
273
+ */
274
+
275
+ [type='search'] {
276
+ -webkit-appearance: textfield; /* 1 */
277
+ outline-offset: -2px; /* 2 */
278
+ }
279
+
280
+ /*
281
+ Remove the inner padding in Chrome and Safari on macOS.
282
+ */
283
+
284
+ ::-webkit-search-decoration {
285
+ -webkit-appearance: none;
286
+ }
287
+
288
+ /*
289
+ 1. Correct the inability to style clickable types in iOS and Safari.
290
+ 2. Change font properties to `inherit` in Safari.
291
+ */
292
+
293
+ ::-webkit-file-upload-button {
294
+ -webkit-appearance: button; /* 1 */
295
+ font: inherit; /* 2 */
296
+ }
297
+
298
+ /*
299
+ Add the correct display in Chrome and Safari.
300
+ */
301
+
302
+ summary {
303
+ display: list-item;
304
+ }
305
+
306
+ /*
307
+ Removes the default spacing for appropriate elements.
308
+ */
309
+
310
+ blockquote,
311
+ dl,
312
+ dd,
313
+ h1,
314
+ h2,
315
+ h3,
316
+ h4,
317
+ h5,
318
+ h6,
319
+ hr,
320
+ figure,
321
+ p,
322
+ pre {
323
+ margin: 0;
324
+ }
325
+
326
+ fieldset {
327
+ margin: 0;
328
+ padding: 0;
329
+ }
330
+
331
+ legend {
332
+ padding: 0;
333
+ }
334
+
335
+ ol,
336
+ ul,
337
+ menu {
338
+ list-style: none;
339
+ margin: 0;
340
+ padding: 0;
341
+ }
342
+
343
+ dialog {
344
+ padding: 0;
345
+ }
346
+
347
+ /*
348
+ Prevent resizing textareas horizontally by default.
349
+ */
350
+
351
+ textarea {
352
+ resize: vertical;
353
+ }
354
+
355
+ /*
356
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
357
+ 2. Set the default placeholder color to the user's configured gray 400 color.
358
+ */
359
+
360
+ input::placeholder,
361
+ textarea::placeholder {
362
+ opacity: 1; /* 1 */
363
+ color: theme('colors.gray.400', #9ca3af); /* 2 */
364
+ }
365
+
366
+ /*
367
+ Set the default cursor for buttons.
368
+ */
369
+
370
+ button,
371
+ [role='button'] {
372
+ cursor: pointer;
373
+ }
374
+
375
+ /*
376
+ Make sure disabled buttons don't get the pointer cursor.
377
+ */
378
+
379
+ :disabled {
380
+ cursor: default;
381
+ }
382
+
383
+ /*
384
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
385
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
386
+ This can trigger a poorly considered lint error in some tools but is included by design.
387
+ */
388
+
389
+ img,
390
+ svg,
391
+ video,
392
+ canvas,
393
+ audio,
394
+ iframe,
395
+ embed,
396
+ object {
397
+ display: block; /* 1 */
398
+ vertical-align: middle; /* 2 */
399
+ }
400
+
401
+ /*
402
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
403
+ */
404
+
405
+ img,
406
+ video {
407
+ max-width: 100%;
408
+ height: auto;
409
+ }
410
+
411
+ /*
412
+ Make elements with the HTML hidden attribute stay hidden by default.
413
+ */
414
+
415
+ [hidden] {
416
+ display: none;
417
+ }
@@ -0,0 +1,13 @@
1
+ @import '../mixins/index.scss';
2
+
3
+ :root {
4
+ --ax-overlay-full-width: 93;
5
+ --ax-color-white: 255, 255, 255;
6
+ --ax-color-black: 0, 0, 0;
7
+ }
8
+
9
+ html,
10
+ body {
11
+ background-color: rgba(var(--ax-color-background-default));
12
+ color: rgba(var(--ax-color-text-default));
13
+ }