@shohojdhara/atomix 0.5.0 → 0.5.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 (76) hide show
  1. package/dist/atomix.css +95 -69
  2. package/dist/atomix.css.map +1 -1
  3. package/dist/atomix.min.css +1 -1
  4. package/dist/atomix.min.css.map +1 -1
  5. package/dist/charts.d.ts +1 -0
  6. package/dist/charts.js +231 -332
  7. package/dist/charts.js.map +1 -1
  8. package/dist/core.d.ts +1 -0
  9. package/dist/core.js +232 -333
  10. package/dist/core.js.map +1 -1
  11. package/dist/forms.d.ts +1 -0
  12. package/dist/forms.js +231 -332
  13. package/dist/forms.js.map +1 -1
  14. package/dist/heavy.d.ts +11 -2
  15. package/dist/heavy.js +233 -334
  16. package/dist/heavy.js.map +1 -1
  17. package/dist/index.d.ts +13 -2
  18. package/dist/index.esm.js +228 -327
  19. package/dist/index.esm.js.map +1 -1
  20. package/dist/index.js +227 -326
  21. package/dist/index.js.map +1 -1
  22. package/dist/index.min.js +1 -1
  23. package/dist/index.min.js.map +1 -1
  24. package/package.json +11 -1
  25. package/src/components/AtomixGlass/AtomixGlass.tsx +188 -128
  26. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +62 -90
  27. package/src/components/AtomixGlass/PerformanceDashboard.tsx +153 -201
  28. package/src/components/AtomixGlass/glass-utils.ts +50 -0
  29. package/src/components/AtomixGlass/stories/AnimationFeatures.stories.tsx +52 -46
  30. package/src/components/AtomixGlass/stories/Examples.stories.tsx +573 -236
  31. package/src/components/AtomixGlass/stories/Playground.stories.tsx +88 -41
  32. package/src/components/AtomixGlass/stories/argTypes.ts +19 -19
  33. package/src/components/AtomixGlass/stories/shared-components.tsx +7 -12
  34. package/src/components/AtomixGlass/stories/types.ts +3 -3
  35. package/src/lib/composables/useAtomixGlass.ts +108 -71
  36. package/src/lib/composables/useAtomixGlassStyles.ts +0 -2
  37. package/src/lib/constants/components.ts +1 -0
  38. package/src/lib/types/components.ts +1 -0
  39. package/src/lib/utils/displacement-generator.ts +1 -1
  40. package/src/styles/06-components/_components.atomix-glass.scss +158 -97
  41. package/scripts/cli/__tests__/README.md +0 -81
  42. package/scripts/cli/__tests__/basic.test.js +0 -116
  43. package/scripts/cli/__tests__/clean.test.js +0 -278
  44. package/scripts/cli/__tests__/component-generator.test.js +0 -332
  45. package/scripts/cli/__tests__/component-validator.test.js +0 -433
  46. package/scripts/cli/__tests__/generator.test.js +0 -613
  47. package/scripts/cli/__tests__/glass-motion.test.js +0 -256
  48. package/scripts/cli/__tests__/integration.test.js +0 -938
  49. package/scripts/cli/__tests__/migrate.test.js +0 -74
  50. package/scripts/cli/__tests__/security.test.js +0 -206
  51. package/scripts/cli/__tests__/test-setup.js +0 -135
  52. package/scripts/cli/__tests__/theme-bridge.test.js +0 -507
  53. package/scripts/cli/__tests__/token-manager.test.js +0 -251
  54. package/scripts/cli/__tests__/token-provider.test.js +0 -361
  55. package/scripts/cli/__tests__/utils.test.js +0 -165
  56. package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +0 -216
  57. package/src/components/AtomixGlass/stories/AnimationTests.stories.tsx +0 -95
  58. package/src/components/AtomixGlass/stories/CardExamples.stories.tsx +0 -212
  59. package/src/components/AtomixGlass/stories/Customization.stories.tsx +0 -131
  60. package/src/components/AtomixGlass/stories/DashboardExamples.stories.tsx +0 -348
  61. package/src/components/AtomixGlass/stories/EcommerceExamples.stories.tsx +0 -410
  62. package/src/components/AtomixGlass/stories/FormExamples.stories.tsx +0 -436
  63. package/src/components/AtomixGlass/stories/HeroExamples.stories.tsx +0 -264
  64. package/src/components/AtomixGlass/stories/InteractivePlayground.stories.tsx +0 -247
  65. package/src/components/AtomixGlass/stories/MobileUIExamples.stories.tsx +0 -418
  66. package/src/components/AtomixGlass/stories/ModalExamples.stories.tsx +0 -402
  67. package/src/components/AtomixGlass/stories/Modes.stories.tsx +0 -1082
  68. package/src/components/AtomixGlass/stories/Overview.stories.tsx +0 -497
  69. package/src/components/AtomixGlass/stories/Performance.stories.tsx +0 -103
  70. package/src/components/AtomixGlass/stories/PresetGallery.stories.tsx +0 -335
  71. package/src/components/AtomixGlass/stories/Shaders.stories.tsx +0 -395
  72. package/src/components/AtomixGlass/stories/WidgetExamples.stories.tsx +0 -441
  73. package/src/components/TypedButton/TypedButton.stories.tsx +0 -59
  74. package/src/components/TypedButton/TypedButton.tsx +0 -39
  75. package/src/components/TypedButton/index.ts +0 -2
  76. package/src/lib/composables/useTypedButton.ts +0 -66
package/dist/atomix.min.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");@keyframes atomix--skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes backgroundMoving{0%{background-position:0 0}250%{background-position:100% 100%}50%{background-position:100% 0}75%{background-position:0 100%}to{background-position:100% 100%}}@keyframes component-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes component-fade-in{0%{opacity:0}to{opacity:1}}@keyframes component-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes component-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--atomix-body-bg);color:var(--atomix-body-color);font-family:var(--atomix-font-family-base);font-size:var(--atomix-font-size-base);font-weight:var(--atomix-font-weight-base);line-height:var(--atomix-line-height-base);margin:0;text-align:var(--atomix-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{color:var(--atomix-headings-color);font-family:var(--atomix-headings-font-family);font-weight:var(--atomix-headings-font-weight);line-height:var(--atomix-headings-line-height);margin-bottom:var(--atomix-headings-margin-bottom);margin-top:0}h1{font-size:var(--atomix-h1-font-size)}h2{font-size:var(--atomix-h2-font-size)}h3{font-size:var(--atomix-h3-font-size)}h4{font-size:var(--atomix-h4-font-size)}h5{font-size:var(--atomix-h5-font-size)}h6{font-size:var(--atomix-h6-font-size)}p{margin-bottom:var(--atomix-paragraph-margin-bottom);margin-top:0}abbr[data-bs-original-title],abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0;padding-left:2rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:var(--atomix-dt-font-weight)}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:var(--atomix-font-weight-bolder)}small{font-size:var(--atomix-small-font-size)}mark{background-color:var(--atomix-mark-bg);padding:var(--atomix-mark-padding)}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--atomix-link-color);-webkit-text-decoration:var(--atomix-link-decoration);text-decoration:var(--atomix-link-decoration)}a:hover{color:var(--atomix-link-hover-color);-webkit-text-decoration:var(--atomix-link-hover-decoration);text-decoration:var(--atomix-link-hover-decoration)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--atomix-font-family-monospace);font-size:1em}pre{display:block;font-size:var(--atomix-code-font-size);margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{color:var(--atomix-code-color);font-size:var(--atomix-code-font-size);word-wrap:break-word}a>code{color:inherit}kbd{background-color:var(--atomix-kbd-bg);border-radius:var(--atomix-border-radius-sm);color:var(--atomix-kbd-color);font-size:var(--atomix-kbd-font-size);padding:var(--atomix-kbd-padding-y) var(--atomix-kbd-padding-x)}kbd kbd{font-size:1em;font-weight:var(--atomix-font-weight-bolder);padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:var(--atomix-secondary-color);padding-bottom:var(--atomix-table-cell-padding-y);padding-top:var(--atomix-table-cell-padding-y);text-align:left}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}::-moz-focus-inner{border-style:none;padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}[hidden]{display:none!important}@media print{*,:after,:before{box-shadow:none!important;text-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}}:root,[data-atomix-color-mode=light]{--atomix-primary:#8b5cf6;--atomix-secondary:#f3f4f6;--atomix-success:#22c55e;--atomix-info:#3b82f6;--atomix-warning:#eab308;--atomix-error:#ef4444;--atomix-light:#f9fafb;--atomix-dark:#1f2937;--atomix-primary-rgb:139,92,246;--atomix-secondary-rgb:243,244,246;--atomix-success-rgb:34,197,94;--atomix-info-rgb:59,130,246;--atomix-warning-rgb:234,179,8;--atomix-error-rgb:239,68,68;--atomix-light-rgb:249,250,251;--atomix-dark-rgb:31,41,55;--atomix-gray-1:#f9fafb;--atomix-gray-2:#f3f4f6;--atomix-gray-3:#e5e7eb;--atomix-gray-4:#d1d5db;--atomix-gray-5:#9ca3af;--atomix-gray-6:#6b7280;--atomix-gray-7:#4b5563;--atomix-gray-8:#374151;--atomix-gray-9:#1f2937;--atomix-gray-10:#111827;--atomix-primary-1:#f5f3ff;--atomix-primary-2:#ede9fe;--atomix-primary-3:#ddd6fe;--atomix-primary-4:#c4b5fd;--atomix-primary-5:#a78bfa;--atomix-primary-6:#8b5cf6;--atomix-primary-7:#7c3aed;--atomix-primary-8:#6d28d9;--atomix-primary-9:#5b21b6;--atomix-primary-10:#4c1d95;--atomix-primary-text-emphasis:#111827;--atomix-secondary-text-emphasis:#374151;--atomix-tertiary-text-emphasis:#6b7280;--atomix-disabled-text-emphasis:#9ca3af;--atomix-invert-text-emphasis:#111827;--atomix-brand-text-emphasis:#8b5cf6;--atomix-error-text-emphasis:#ef4444;--atomix-success-text-emphasis:#22c55e;--atomix-warning-text-emphasis:#eab308;--atomix-info-text-emphasis:#3b82f6;--atomix-light-text-emphasis:#f9fafb;--atomix-dark-text-emphasis:#1f2937;--atomix-primary-bg-subtle:#fff;--atomix-secondary-bg-subtle:#e5e7eb;--atomix-tertiary-bg-subtle:#d1d5db;--atomix-invert-bg-subtle:#111827;--atomix-brand-bg-subtle:#ede9fe;--atomix-error-bg-subtle:#fee2e2;--atomix-success-bg-subtle:#dcfce7;--atomix-warning-bg-subtle:#fef9c3;--atomix-info-bg-subtle:#dbeafe;--atomix-light-bg-subtle:#f3f4f6;--atomix-dark-bg-subtle:#1f2937;--atomix-primary-border-subtle:#e5e7eb;--atomix-secondary-border-subtle:#111827;--atomix-success-border-subtle:#22c55e;--atomix-error-border-subtle:#ef4444;--atomix-warning-border-subtle:#eab308;--atomix-info-border-subtle:#3b82f6;--atomix-brand-border-subtle:#8b5cf6;--atomix-light-border-subtle:#f9fafb;--atomix-dark-border-subtle:#1f2937;--atomix-primary-hover:#8b5cf6;--atomix-secondary-hover:#e5e7eb;--atomix-light-hover:#f3f4f6;--atomix-dark-hover:#4b5563;--atomix-error-hover:#b91c1c;--atomix-success-hover:#15803d;--atomix-warning-hover:#a16207;--atomix-info-hover:#1d4ed8;--atomix-primary-gradient:linear-gradient(135deg,#ede9fe,#ddd6fe,#c4b5fd);--atomix-secondary-gradient:linear-gradient(135deg,#f3f4f6,#e5e7eb,#d1d5db);--atomix-light-gradient:linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb);--atomix-dark-gradient:linear-gradient(135deg,#4b5563,#1f2937,#000);--atomix-success-gradient:linear-gradient(135deg,#dcfce7,#86efac,#4ade80);--atomix-info-gradient:linear-gradient(135deg,#dbeafe,#bfdbfe,#60a5fa);--atomix-warning-gradient:linear-gradient(135deg,#fef9c3,#fef08a,#facc15);--atomix-error-gradient:linear-gradient(135deg,#fef2f2,#fee2e2,#fecaca);--atomix-gradient:linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb);--atomix-font-sans-serif:"Roboto",sans-serif;--atomix-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--atomix-body-font-family:"Roboto",sans-serif;--atomix-body-font-size:1rem;--atomix-body-font-weight:400;--atomix-body-line-height:1.2;--atomix-body-color:#111827;--atomix-body-bg:#fff;--atomix-heading-color:#111827;--atomix-link-color:#8b5cf6;--atomix-link-color-rgb:139,92,246;--atomix-link-decoration:none;--atomix-link-hover-color:#5714f2;--atomix-link-hover-color-rgb:87.4069767442,19.5029069767,241.9970930233;--atomix-highlight-bg:#fef08a;--atomix-border-width:1px;--atomix-border-style:solid;--atomix-border-color:#e5e7eb;--atomix-border-color-translucent:rgba(229,231,235,.175);--atomix-border-radius:0.5rem;--atomix-border-radius-sm:0.25rem;--atomix-border-radius-lg:0.625rem;--atomix-border-radius-xl:0.75rem;--atomix-border-radius-xxl:1rem;--atomix-border-radius-2xl:var(
2
2
  --atomix-border-radius-xxl
3
- );--atomix-border-radius-3xl:1.5rem;--atomix-border-radius-4xl:2rem;--atomix-border-radius-pill:50rem;--atomix-box-shadow:0 8px 16px rgba(0,0,0,.15);--atomix-box-shadow-xs:0px 1px 2px 0px rgba(45,54,67,.04),0px 2px 4px 0px rgba(45,54,67,.08);--atomix-box-shadow-sm:0 2px 4px rgba(0,0,0,.075);--atomix-box-shadow-lg:0 16px 48px rgba(0,0,0,.175);--atomix-box-shadow-xl:0px 16px 64px -8px rgba(45,54,67,.14);--atomix-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--atomix-focus-border-color:#a78bfa;--atomix-form-valid-color:#22c55e;--atomix-form-valid-border-color:#22c55e;--atomix-form-invalid-color:#ef4444;--atomix-form-invalid-border-color:#ef4444;--atomix-spacing-0:0rem;--atomix-spacing-1:0.25rem;--atomix-spacing-px-6:0.375rem;--atomix-spacing-2:0.5rem;--atomix-spacing-px-10:0.625rem;--atomix-spacing-3:0.75rem;--atomix-spacing-px-14:0.875rem;--atomix-spacing-4:1rem;--atomix-spacing-5:1.25rem;--atomix-spacing-px-22:1.375rem;--atomix-spacing-6:1.5rem;--atomix-spacing-7:1.75rem;--atomix-spacing-px-30:1.875rem;--atomix-spacing-8:2rem;--atomix-spacing-9:2.25rem;--atomix-spacing-10:2.5rem;--atomix-spacing-11:2.75rem;--atomix-spacing-12:3rem;--atomix-spacing-14:3.5rem;--atomix-spacing-16:4rem;--atomix-spacing-20:5rem;--atomix-spacing-24:6rem;--atomix-spacing-28:7rem;--atomix-spacing-32:8rem;--atomix-spacing-36:9rem;--atomix-spacing-40:10rem;--atomix-spacing-44:11rem;--atomix-spacing-48:12rem;--atomix-spacing-52:13rem;--atomix-spacing-56:14rem;--atomix-spacing-60:15rem;--atomix-spacing-64:16rem;--atomix-spacing-72:18rem;--atomix-spacing-80:20rem;--atomix-spacing-90:22.5rem;--atomix-spacing-200:50rem;--atomix-red-1:#fef2f2;--atomix-red-2:#fee2e2;--atomix-red-3:#fecaca;--atomix-red-4:#fca5a5;--atomix-red-5:#f87171;--atomix-red-6:#ef4444;--atomix-red-7:#dc2626;--atomix-red-8:#b91c1c;--atomix-red-9:#991b1b;--atomix-red-10:#7f1d1d;--atomix-green-1:#f0fdf4;--atomix-green-2:#dcfce7;--atomix-green-3:#bbf7d0;--atomix-green-4:#86efac;--atomix-green-5:#4ade80;--atomix-green-6:#22c55e;--atomix-green-7:#16a34a;--atomix-green-8:#15803d;--atomix-green-9:#166534;--atomix-green-10:#14532d;--atomix-blue-1:#eff6ff;--atomix-blue-2:#dbeafe;--atomix-blue-3:#bfdbfe;--atomix-blue-4:#93c5fd;--atomix-blue-5:#60a5fa;--atomix-blue-6:#3b82f6;--atomix-blue-7:#2563eb;--atomix-blue-8:#1d4ed8;--atomix-blue-9:#1e40af;--atomix-blue-10:#1e3a8a;--atomix-yellow-1:#fefce8;--atomix-yellow-2:#fef9c3;--atomix-yellow-3:#fef08a;--atomix-yellow-4:#fde047;--atomix-yellow-5:#facc15;--atomix-yellow-6:#eab308;--atomix-yellow-7:#ca8a04;--atomix-yellow-8:#a16207;--atomix-yellow-9:#854d0e;--atomix-yellow-10:#713f12;--atomix-font-weight-light:300;--atomix-font-weight-normal:400;--atomix-font-weight-medium:500;--atomix-font-weight-semibold:600;--atomix-font-weight-bold:700;--atomix-font-weight-heavy:800;--atomix-font-weight-black:900;--atomix-line-height-base:1.2;--atomix-line-height-sm:1.43;--atomix-line-height-lg:1.56;--atomix-font-size-xl:1.5rem;--atomix-font-size-2xl:2rem;--atomix-display-1:4rem;--atomix-letter-spacing-h1:-1px;--atomix-letter-spacing-h2:-1px;--atomix-letter-spacing-h3:-1px;--atomix-letter-spacing-h4:-0.5px;--atomix-letter-spacing-h5:-0.5px;--atomix-letter-spacing-h6:-0.5px;--atomix-transition-duration-fast:0.15s;--atomix-transition-duration-base:0.3s;--atomix-transition-duration-slow:0.5s;--atomix-transition-duration-slower:0.7s;--atomix-easing-base:cubic-bezier(0.23,1,0.32,1);--atomix-easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--atomix-easing-ease-out:cubic-bezier(0,0,0.2,1);--atomix-easing-ease-in:cubic-bezier(0.4,0,1,1);--atomix-easing-ease-linear:linear;--atomix-transition-fast:all 0.15s cubic-bezier(0.23,1,0.32,1);--atomix-transition-base:all 0.3s cubic-bezier(0.23,1,0.32,1);--atomix-transition-slow:all 0.5s cubic-bezier(0.23,1,0.32,1);--atomix-z-n1:-1;--atomix-z-0:0;--atomix-z-1:1;--atomix-z-2:2;--atomix-z-3:3;--atomix-z-4:4;--atomix-z-5:5;--atomix-z-dropdown:1000;--atomix-z-sticky:1020;--atomix-z-fixed:1030;--atomix-z-modal:1040;--atomix-z-popover:1050;--atomix-z-tooltip:1060;--atomix-z-drawer:1070;--atomix-breakpoint-xs:0;--atomix-breakpoint-sm:576px;--atomix-breakpoint-md:768px;--atomix-breakpoint-lg:992px;--atomix-breakpoint-xl:1200px;--atomix-breakpoint-xxl:1440px;--atomix-focus-ring-width:3px;--atomix-focus-ring-offset:2px;--atomix-focus-ring-opacity:0.25}[data-atomix-color-mode=dark]{color-scheme:dark;--atomix-body-color:#fff;--atomix-body-bg:#1f2937;--atomix-primary:#8b5cf6;--atomix-secondary:#4b5563;--atomix-light:#f9fafb;--atomix-dark:#374151;--atomix-error:#ef4444;--atomix-success:#22c55e;--atomix-warning:#eab308;--atomix-info:#3b82f6;--atomix-primary-rgb:139,92,246;--atomix-secondary-rgb:75,85,99;--atomix-light-rgb:249,250,251;--atomix-dark-rgb:55,65,81;--atomix-error-rgb:239,68,68;--atomix-success-rgb:34,197,94;--atomix-warning-rgb:234,179,8;--atomix-info-rgb:59,130,246;--atomix-primary-text-emphasis:#fff;--atomix-secondary-text-emphasis:#e5e7eb;--atomix-tertiary-text-emphasis:#d1d5db;--atomix-disabled-text-emphasis:#9ca3af;--atomix-invert-text-emphasis:#f9fafb;--atomix-brand-text-emphasis:#ede9fe;--atomix-error-text-emphasis:#fecaca;--atomix-success-text-emphasis:#bbf7d0;--atomix-warning-text-emphasis:#fef08a;--atomix-info-text-emphasis:#bfdbfe;--atomix-light-text-emphasis:#f9fafb;--atomix-dark-text-emphasis:#374151;--atomix-primary-bg-subtle:#1f2937;--atomix-secondary-bg-subtle:#4b5563;--atomix-tertiary-bg-subtle:#6b7280;--atomix-invert-bg-subtle:#fff;--atomix-brand-bg-subtle:#6d28d9;--atomix-error-bg-subtle:#7f1d1d;--atomix-success-bg-subtle:#166534;--atomix-warning-bg-subtle:#713f12;--atomix-info-bg-subtle:#1e3a8a;--atomix-light-bg-subtle:#f9fafb;--atomix-dark-bg-subtle:#374151;--atomix-primary-border-subtle:#374151;--atomix-secondary-border-subtle:#fff;--atomix-success-border-subtle:#22c55e;--atomix-error-border-subtle:#ef4444;--atomix-warning-border-subtle:#eab308;--atomix-info-border-subtle:#3b82f6;--atomix-brand-border-subtle:#8b5cf6;--atomix-light-border-subtle:#f9fafb;--atomix-dark-border-subtle:#374151;--atomix-primary-hover:#8b5cf6;--atomix-secondary-hover:#6b7280;--atomix-light-hover:#9ca3af;--atomix-dark-hover:#4b5563;--atomix-error-hover:#fca5a5;--atomix-success-hover:#86efac;--atomix-warning-hover:#facc15;--atomix-info-hover:#93c5fd;--atomix-primary-gradient:linear-gradient(135deg,#4c1d95,#5b21b6,#6d28d9);--atomix-secondary-gradient:linear-gradient(135deg,#374151,#6b7280,#d1d5db);--atomix-light-gradient:linear-gradient(135deg,#9ca3af,#6b7280,#9ca3af);--atomix-dark-gradient:linear-gradient(135deg,#000,#4b5563,#1f2937);--atomix-success-gradient:linear-gradient(135deg,#14532d,#16a34a,#166534);--atomix-info-gradient:linear-gradient(135deg,#1e3a8a,#1d4ed8,#1e40af);--atomix-warning-gradient:linear-gradient(135deg,#713f12,#a16207,#854d0e);--atomix-error-gradient:linear-gradient(135deg,#7f1d1d,#dc2626,#7f1d1d);--atomix-gradient:linear-gradient(135deg,#4b5563,#1f2937,#000);--atomix-box-shadow:0px 8px 40px -8px rgba(30,30,30,.7),0px 4px 20px 0px rgba(30,30,30,.8);--atomix-box-shadow-xs:0px 1px 2px 0px rgba(30,30,30,.5),0px 2px 4px 0px rgba(30,30,30,.5);--atomix-box-shadow-sm:0px 2px 4px -2px rgba(30,30,30,.5),0px 4px 8px -2px rgba(30,30,30,.5);--atomix-box-shadow-lg:0px 8px 18px -2px rgba(30,30,30,.5),0px 8px 24px -2px rgba(30,30,30,.5);--atomix-box-shadow-xl:0px 33px 61px -8px rgba(30,30,30,.9),0px 8px 10px 0px rgba(30,30,30,.9);--atomix-heading-color:#e5e7eb;--atomix-link-color:#c4b5fd;--atomix-link-color-rgb:196,181,253;--atomix-link-hover-color:#896bfb;--atomix-link-hover-color-rgb:136.6118421053,106.5131578947,250.9868421053;--atomix-code-color:#f87171;--atomix-border-color:#374151;--atomix-border-color-translucent:hsla(0,0%,100%,.15);--atomix-focus-border-color:#c4b5fd;--atomix-form-valid-color:#4ade80;--atomix-form-valid-border-color:#4ade80;--atomix-form-invalid-color:#f87171;--atomix-form-invalid-border-color:#f87171}::-moz-selection{background:#8b5cf6;background:rgba(139,92,246,.3)}::selection{background:#8b5cf6;background:rgba(139,92,246,.3)}::-moz-selection{background:#8b5cf6;background:rgba(139,92,246,.3)}*{-webkit-tap-highlight-color:rgba(139,92,246,.2)}*,:after,:before{box-sizing:border-box}img{height:auto;max-width:100%}.docs-story{background:var(--atomix-body-bg)!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.2}body.is-blocked,body.is-modal-open{overflow:hidden}.h1,h1{font-size:2.5rem}.h1,.h2,h1,h2{letter-spacing:-1px}.h2,h2{font-size:2rem}.h3,h3{font-size:1.5rem;letter-spacing:-1px}.h4,h4{font-size:1.25rem}.h4,.h5,h4,h5{letter-spacing:-.5px}.h5,h5{font-size:1.125rem}.h6,h6{font-size:1rem;letter-spacing:-.5px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700;line-height:1.3}html{height:100%;position:relative;scroll-behavior:smooth;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:rgba(var(--atomix-link-color-rgb),var(--atomix-u-link-opacity,1));transition-delay:0s;transition-duration:.2s;transition-property:color;transition-timing-function:ease-in-out}a,a:hover{text-decoration:none}.o-container,.o-container-fluid,.o-container-lg,.o-container-md,.o-container-sm,.o-container-xl,.o-container-xs,.o-container-xxl{margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px;width:100%}@media (min-width:0){.o-container,.o-container-xs{max-width:340px}}@media (min-width:576px){.o-container,.o-container-sm{max-width:540px}}@media (min-width:768px){.o-container,.o-container-md{max-width:720px}}@media (min-width:992px){.o-container,.o-container-lg{max-width:960px}}@media (min-width:1200px){.o-container,.o-container-xl{max-width:1140px}}@media (min-width:1440px){.o-container,.o-container-xxl{max-width:1320px}}.o-grid{--atomix-gutter-y:16px;display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.o-grid__col{padding-left:8px;padding-right:8px;position:relative;width:100%}.o-grid--no-gutters{margin-left:0;margin-right:0}.o-grid--no-gutters .o-grid__col{padding-left:0;padding-right:0}@media (min-width:0){.o-grid__col--auto{flex:1 0}.o-grid__col--1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--3{flex:0 0 auto;width:25%}.o-grid__col--4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--6{flex:0 0 auto;width:50%}.o-grid__col--7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--9{flex:0 0 auto;width:75%}.o-grid__col--10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--12{flex:0 0 auto;width:100%}.o-grid__offset--1{margin-left:8.3333333333%}.o-grid__offset--2{margin-left:16.6666666667%}.o-grid__offset--3{margin-left:25%}.o-grid__offset--4{margin-left:33.3333333333%}.o-grid__offset--5{margin-left:41.6666666667%}.o-grid__offset--6{margin-left:50%}.o-grid__offset--7{margin-left:58.3333333333%}.o-grid__offset--8{margin-left:66.6666666667%}.o-grid__offset--9{margin-left:75%}.o-grid__offset--10{margin-left:83.3333333333%}.o-grid__offset--11{margin-left:91.6666666667%}}@media (min-width:576px){.o-grid__col--sm-auto{flex:1 0}.o-grid__col--sm-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--sm-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--sm-3{flex:0 0 auto;width:25%}.o-grid__col--sm-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--sm-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--sm-6{flex:0 0 auto;width:50%}.o-grid__col--sm-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--sm-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--sm-9{flex:0 0 auto;width:75%}.o-grid__col--sm-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--sm-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--sm-12{flex:0 0 auto;width:100%}.o-grid__offset--sm-0{margin-left:0}.o-grid__offset--sm-1{margin-left:8.3333333333%}.o-grid__offset--sm-2{margin-left:16.6666666667%}.o-grid__offset--sm-3{margin-left:25%}.o-grid__offset--sm-4{margin-left:33.3333333333%}.o-grid__offset--sm-5{margin-left:41.6666666667%}.o-grid__offset--sm-6{margin-left:50%}.o-grid__offset--sm-7{margin-left:58.3333333333%}.o-grid__offset--sm-8{margin-left:66.6666666667%}.o-grid__offset--sm-9{margin-left:75%}.o-grid__offset--sm-10{margin-left:83.3333333333%}.o-grid__offset--sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.o-grid__col--md-auto{flex:1 0}.o-grid__col--md-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--md-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--md-3{flex:0 0 auto;width:25%}.o-grid__col--md-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--md-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--md-6{flex:0 0 auto;width:50%}.o-grid__col--md-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--md-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--md-9{flex:0 0 auto;width:75%}.o-grid__col--md-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--md-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--md-12{flex:0 0 auto;width:100%}.o-grid__offset--md-0{margin-left:0}.o-grid__offset--md-1{margin-left:8.3333333333%}.o-grid__offset--md-2{margin-left:16.6666666667%}.o-grid__offset--md-3{margin-left:25%}.o-grid__offset--md-4{margin-left:33.3333333333%}.o-grid__offset--md-5{margin-left:41.6666666667%}.o-grid__offset--md-6{margin-left:50%}.o-grid__offset--md-7{margin-left:58.3333333333%}.o-grid__offset--md-8{margin-left:66.6666666667%}.o-grid__offset--md-9{margin-left:75%}.o-grid__offset--md-10{margin-left:83.3333333333%}.o-grid__offset--md-11{margin-left:91.6666666667%}}@media (min-width:992px){.o-grid__col--lg-auto{flex:1 0}.o-grid__col--lg-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--lg-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--lg-3{flex:0 0 auto;width:25%}.o-grid__col--lg-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--lg-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--lg-6{flex:0 0 auto;width:50%}.o-grid__col--lg-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--lg-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--lg-9{flex:0 0 auto;width:75%}.o-grid__col--lg-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--lg-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--lg-12{flex:0 0 auto;width:100%}.o-grid__offset--lg-0{margin-left:0}.o-grid__offset--lg-1{margin-left:8.3333333333%}.o-grid__offset--lg-2{margin-left:16.6666666667%}.o-grid__offset--lg-3{margin-left:25%}.o-grid__offset--lg-4{margin-left:33.3333333333%}.o-grid__offset--lg-5{margin-left:41.6666666667%}.o-grid__offset--lg-6{margin-left:50%}.o-grid__offset--lg-7{margin-left:58.3333333333%}.o-grid__offset--lg-8{margin-left:66.6666666667%}.o-grid__offset--lg-9{margin-left:75%}.o-grid__offset--lg-10{margin-left:83.3333333333%}.o-grid__offset--lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.o-grid__col--xl-auto{flex:1 0}.o-grid__col--xl-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--xl-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--xl-3{flex:0 0 auto;width:25%}.o-grid__col--xl-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--xl-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--xl-6{flex:0 0 auto;width:50%}.o-grid__col--xl-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--xl-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--xl-9{flex:0 0 auto;width:75%}.o-grid__col--xl-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--xl-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--xl-12{flex:0 0 auto;width:100%}.o-grid__offset--xl-0{margin-left:0}.o-grid__offset--xl-1{margin-left:8.3333333333%}.o-grid__offset--xl-2{margin-left:16.6666666667%}.o-grid__offset--xl-3{margin-left:25%}.o-grid__offset--xl-4{margin-left:33.3333333333%}.o-grid__offset--xl-5{margin-left:41.6666666667%}.o-grid__offset--xl-6{margin-left:50%}.o-grid__offset--xl-7{margin-left:58.3333333333%}.o-grid__offset--xl-8{margin-left:66.6666666667%}.o-grid__offset--xl-9{margin-left:75%}.o-grid__offset--xl-10{margin-left:83.3333333333%}.o-grid__offset--xl-11{margin-left:91.6666666667%}}@media (min-width:1440px){.o-grid__col--xxl-auto{flex:1 0}.o-grid__col--xxl-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--xxl-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--xxl-3{flex:0 0 auto;width:25%}.o-grid__col--xxl-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--xxl-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--xxl-6{flex:0 0 auto;width:50%}.o-grid__col--xxl-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--xxl-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--xxl-9{flex:0 0 auto;width:75%}.o-grid__col--xxl-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--xxl-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--xxl-12{flex:0 0 auto;width:100%}.o-grid__offset--xxl-0{margin-left:0}.o-grid__offset--xxl-1{margin-left:8.3333333333%}.o-grid__offset--xxl-2{margin-left:16.6666666667%}.o-grid__offset--xxl-3{margin-left:25%}.o-grid__offset--xxl-4{margin-left:33.3333333333%}.o-grid__offset--xxl-5{margin-left:41.6666666667%}.o-grid__offset--xxl-6{margin-left:50%}.o-grid__offset--xxl-7{margin-left:58.3333333333%}.o-grid__offset--xxl-8{margin-left:66.6666666667%}.o-grid__offset--xxl-9{margin-left:75%}.o-grid__offset--xxl-10{margin-left:83.3333333333%}.o-grid__offset--xxl-11{margin-left:91.6666666667%}}.o-masonry-grid{min-height:100px;position:relative;width:100%}.o-masonry-grid--animate .o-masonry-grid__item{transition:opacity .3s ease,top .3s ease,left .3s ease}.o-masonry-grid__item{box-sizing:border-box;width:100%}.o-masonry-grid__item:not([style*="position: absolute"]){opacity:0;visibility:hidden}.o-masonry-grid__item-loading:before{background-color:var(--atomix-gray-10);border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.o-masonry-grid__item-loading img{opacity:0}.o-masonry-grid__item-loaded img{animation:masonry-item-fade-in .3s ease forwards}.o-masonry-grid--loading-images{position:relative}.o-masonry-grid--loading-images:after{animation:masonry-spinner .8s linear infinite;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top:2px solid var(--atomix-brand-border-subtle);bottom:16px;content:"";height:24px;pointer-events:none;position:absolute;right:16px;width:24px;z-index:1000}@keyframes masonry-spinner{to{transform:rotate(1turn)}}@keyframes masonry-item-fade-in{0%{opacity:0}to{opacity:1}}.o-block{--atomix-block-spacing-xs:1rem;--atomix-block-spacing-sm:2rem;--atomix-block-spacing-md:4rem;--atomix-block-spacing-lg:6rem;--atomix-block-spacing-xl:7rem;position:relative;width:100%}.o-block--xs{padding-bottom:var(--atomix-block-spacing-xs);padding-top:var(--atomix-block-spacing-xs)}.o-block--sm{padding-bottom:var(--atomix-block-spacing-sm);padding-top:var(--atomix-block-spacing-sm)}.o-block--md{padding-bottom:var(--atomix-block-spacing-md);padding-top:var(--atomix-block-spacing-md)}.o-block--lg{padding-bottom:var(--atomix-block-spacing-lg);padding-top:var(--atomix-block-spacing-lg)}.o-block--xl{padding-bottom:var(--atomix-block-spacing-xl);padding-top:var(--atomix-block-spacing-xl)}.o-block--no-spacing{padding-bottom:0;padding-top:0}.o-block--full-width .o-container{max-width:none;padding-left:0;padding-right:0}.o-block--primary{background-color:var(--atomix-primary-bg-subtle)}.o-block--secondary{background-color:var(--atomix-secondary-bg-subtle)}.o-block--tertiary{background-color:var(--atomix-tertiary-bg-subtle)}.o-block--invert{background-color:var(--atomix-invert-bg-subtle)}.o-block--brand{background-color:var(--atomix-brand-bg-subtle)}.o-block--error{background-color:var(--atomix-error-bg-subtle)}.o-block--success{background-color:var(--atomix-success-bg-subtle)}.o-block--warning{background-color:var(--atomix-warning-bg-subtle)}.o-block--info{background-color:var(--atomix-info-bg-subtle)}.o-block--light{background-color:var(--atomix-light-bg-subtle)}.o-block--dark{background-color:var(--atomix-dark-bg-subtle)}@media (max-width:991.98px){.o-block--spacing-xs{padding-bottom:calc(var(--atomix-block-spacing-xs)*.75);padding-top:calc(var(--atomix-block-spacing-xs)*.75)}.o-block--spacing-sm{padding-bottom:calc(var(--atomix-block-spacing-sm)*.75);padding-top:calc(var(--atomix-block-spacing-sm)*.75)}.o-block--spacing-md{padding-bottom:calc(var(--atomix-block-spacing-md)*.75);padding-top:calc(var(--atomix-block-spacing-md)*.75)}.o-block--spacing-lg{padding-bottom:calc(var(--atomix-block-spacing-lg)*.75);padding-top:calc(var(--atomix-block-spacing-lg)*.75)}.o-block--spacing-xl{padding-bottom:calc(var(--atomix-block-spacing-xl)*.75);padding-top:calc(var(--atomix-block-spacing-xl)*.75)}}@media (max-width:767.98px){.o-block--spacing-xs{padding-bottom:calc(var(--atomix-block-spacing-xs)*.5);padding-top:calc(var(--atomix-block-spacing-xs)*.5)}.o-block--spacing-sm{padding-bottom:calc(var(--atomix-block-spacing-sm)*.5);padding-top:calc(var(--atomix-block-spacing-sm)*.5)}.o-block--spacing-md{padding-bottom:calc(var(--atomix-block-spacing-md)*.5);padding-top:calc(var(--atomix-block-spacing-md)*.5)}.o-block--spacing-lg{padding-bottom:calc(var(--atomix-block-spacing-lg)*.5);padding-top:calc(var(--atomix-block-spacing-lg)*.5)}.o-block--spacing-xl{padding-bottom:calc(var(--atomix-block-spacing-xl)*.5);padding-top:calc(var(--atomix-block-spacing-xl)*.5)}}.c-accordion{--atomix-accordion-width:100%;--atomix-accordion-border-width:calc(var(--atomix-border-width)*2);--atomix-accordion-border-color:var(--atomix-primary-border-subtle);--atomix-accordion-border-radius:0.25rem;--atomix-accordion-body-padding-x:1.25rem;--atomix-accordion-body-padding-y:0.5rem;--atomix-accordion-body-color:var(--atomix-body-color);--atomix-accordion-body-bg:var(--atomix-body-bg);--atomix-accordion-header-padding-x:1.25rem;--atomix-accordion-header-padding-y:1rem;--atomix-accordion-header-color:var(--atomix-body-color);--atomix-accordion-header-bg:var(--atomix-body-bg);--atomix-accordion-header-bg-hover:var(--atomix-body-bg);--atomix-accordion-icon-size:1.25rem;--atomix-accordion-icon-color:var(--atomix-body-color);--atomix-accordion-icon-transform:180deg;--atomix-accordion-disable-color:var(--atomix-tertiary-text-emphasis);--atomix-accordion-focus-border-color:var(--atomix-focus-border-color);--atomix-accordion-header-font-size:1rem;--atomix-accordion-header-font-weight:400;--atomix-accordion-header-inner-gap:0.5rem;--atomix-accordion-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--atomix-accordion-panel-transition:height 0.3s cubic-bezier(0.4,0,0.2,1);--panel-height:0px;border:var(--atomix-accordion-border-width) solid var(--atomix-accordion-border-color);border-radius:var(--atomix-accordion-border-radius);max-width:var(--atomix-accordion-width);overflow:hidden;transition:var(--atomix-accordion-transition);width:100%}.c-accordion__header{align-items:center;background-color:var(--atomix-accordion-header-bg);border:none;color:var(--atomix-accordion-header-color);cursor:pointer;display:flex;font-size:var(--atomix-accordion-header-font-size);font-weight:var(--atomix-accordion-header-font-weight);gap:var(--atomix-accordion-header-inner-gap);justify-content:space-between;outline:none;padding:var(--atomix-accordion-header-padding-y) var(--atomix-accordion-header-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:background;transition-timing-function:ease-in-out;width:100%}.c-accordion__header--icon-left{flex-direction:row-reverse;justify-content:flex-end}.c-accordion__header:hover{--atomix-accordion-header-bg:var(--atomix-accordion-header-bg-hover)}.c-accordion__header:focus-visible{outline:2px solid var(--atomix-accordion-focus-border-color);outline-offset:2px}.c-accordion__title{flex:1 1}.c-accordion__icon{align-items:center;color:var(--atomix-accordion-icon-color);display:inline-flex;flex-shrink:0;font-size:var(--atomix-accordion-icon-size);justify-content:center}.c-accordion__icon,.c-accordion__panel{transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-accordion__panel{height:var(--panel-height);overflow:hidden;scroll-behavior:smooth}.c-accordion__body{background-color:var(--atomix-accordion-body-bg);border-radius:0 0 var(--atomix-accordion-border-radius) var(--atomix-accordion-border-radius);color:var(--atomix-accordion-body-color);padding:var(--atomix-accordion-body-padding-y) var(--atomix-accordion-body-padding-x)}.c-accordion.is-focused,.c-accordion:focus{--atomix-accordion-border-color:var(--atomix-focus-border-color)}.c-accordion.is-open .c-accordion__icon{transform:rotate(var(--atomix-accordion-icon-transform))}.c-accordion.is-open .c-accordion__header{border-radius:var(--atomix-accordion-border-radius) var(--atomix-accordion-border-radius) 0 0}.c-accordion.is-disabled{cursor:not-allowed;pointer-events:none;--atomix-accordion-header-color:var(--atomix-accordion-disable-color);--atomix-accordion-body-color:var(--atomix-accordion-disable-color);--atomix-accordion-icon-color:var(--atomix-accordion-disable-color)}.c-accordion.is-disabled .c-accordion__header{cursor:not-allowed}.c-accordion--glass{border-color:transparent}.c-accordion--glass .c-accordion__body,.c-accordion--glass .c-accordion__header{background-color:color-mix(in srgb,var(--atomix-accordion-header-bg) 50%,transparent)}@media (prefers-reduced-motion:reduce){.c-accordion,.c-accordion .c-accordion__header,.c-accordion .c-accordion__icon,.c-accordion .c-accordion__panel{transition:none}}.c-avatar{--atomix-avatar-fit:cover;--atomix-avatar-size:2.5rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-border-circle-radius:50%;--atomix-avatar-color:var(--atomix-primary-text-emphasis);--atomix-avatar-bg:var(--atomix-secondary-bg-subtle);--atomix-avatar-border-width:calc(var(--atomix-border-width)*1);--atomix-avatar-border-color:var(--atomix-primary-border-subtle);--atomix-avatar-initials-font-size:0.875rem;--atomix-avatar-hover-opacity:0.8;--atomix-avatar-focus-ring-width:calc(var(--atomix-border-width)*2);--atomix-avatar-focus-ring-color:var(--atomix-primary-border-subtle);--atomix-avatar-disabled-opacity:0.5;align-items:center;background-color:var(--atomix-avatar-bg);border:var(--atomix-avatar-border-width) solid var(--atomix-avatar-border-color);border-radius:var(--atomix-avatar-border-radius);color:var(--atomix-avatar-color);display:inline-flex;height:var(--atomix-avatar-size);justify-content:center;overflow:hidden;position:relative;transition-delay:0s;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--atomix-avatar-size)}.c-avatar--xs{--atomix-avatar-size:1.5rem;--atomix-avatar-border-radius:0.25rem;--atomix-avatar-initials-font-size:0.75rem}.c-avatar--sm{--atomix-avatar-size:2rem;--atomix-avatar-border-radius:0.25rem;--atomix-avatar-initials-font-size:0.75rem}.c-avatar--md{--atomix-avatar-size:2.5rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-initials-font-size:0.875rem}.c-avatar--lg{--atomix-avatar-size:3rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-initials-font-size:1rem}.c-avatar--xl{--atomix-avatar-size:3.5rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-initials-font-size:1rem}.c-avatar--circle{--atomix-avatar-border-radius:var(--atomix-avatar-border-circle-radius)}.c-avatar[role=button]{cursor:pointer}.c-avatar[role=button]:hover{opacity:var(--atomix-avatar-hover-opacity)}.c-avatar[role=button]:focus-visible{outline:var(--atomix-avatar-focus-ring-width) solid var(--atomix-avatar-focus-ring-color);outline-offset:1px}.c-avatar.is-disabled,.c-avatar[aria-disabled=true]{opacity:var(--atomix-avatar-disabled-opacity);pointer-events:none}.c-avatar__image{height:100%;-o-object-fit:var(--atomix-avatar-fit);object-fit:var(--atomix-avatar-fit);-o-object-position:center;object-position:center;width:100%}.c-avatar__initials{font-size:var(--atomix-avatar-initials-font-size);font-weight:500;text-transform:uppercase}.c-avatar__icon,.c-avatar__initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.c-avatar-group{--atomix-avatar-group-gap:0.5rem;--atomix-avatar-group-stacked-overlap:50%;--atomix-avatar-group-stacked-hover-gap:0.5rem;--atomix-avatar-group-more-color:var(--atomix-tertiary-text-emphasis);--atomix-avatar-group-more-bg:var(--atomix-body-bg);--atomix-avatar-group-more-font-size:0.875rem;--atomix-avatar-group-more-font-weight:500;--atomix-avatar-group-more-border-width:1px;--atomix-avatar-group-more-border-color:var(--atomix-primary-border-subtle);--atomix-avatar-group-transition-duration:0.2s;--atomix-avatar-group-transition-timing:ease-in-out;align-items:center;display:flex;flex-wrap:nowrap;gap:var(--atomix-avatar-group-gap)}.c-avatar-group__more{background-color:var(--atomix-avatar-group-more-bg);border:var(--atomix-avatar-group-more-border-width) solid var(--atomix-avatar-group-more-border-color);border-radius:var(--atomix-avatar-border-radius);color:var(--atomix-avatar-group-more-color);display:grid;font-size:var(--atomix-avatar-group-more-font-size);font-weight:var(--atomix-avatar-group-more-font-weight);height:var(--atomix-avatar-size);place-items:center;width:var(--atomix-avatar-size)}.c-avatar-group--stacked{gap:0}.c-avatar-group--stacked>*{border:2px solid var(--atomix-avatar-group-more-bg);transition:transform var(--atomix-avatar-group-transition-duration) var(--atomix-avatar-group-transition-timing)}.c-avatar-group--stacked>:nth-child(2){transform:translateX(calc(var(--atomix-avatar-size)/-2*1))}.c-avatar-group--stacked>:nth-child(3){transform:translateX(calc(var(--atomix-avatar-size)/-2*2))}.c-avatar-group--stacked>:nth-child(4){transform:translateX(calc(var(--atomix-avatar-size)/-2*3))}.c-avatar-group--stacked>:nth-child(5){transform:translateX(calc(var(--atomix-avatar-size)/-2*4))}.c-avatar-group--stacked>:nth-child(6){transform:translateX(calc(var(--atomix-avatar-size)/-2*5))}.c-avatar-group--stacked>:nth-child(7){transform:translateX(calc(var(--atomix-avatar-size)/-2*6))}.c-avatar-group--stacked>:nth-child(8){transform:translateX(calc(var(--atomix-avatar-size)/-2*7))}.c-avatar-group--stacked>:nth-child(9){transform:translateX(calc(var(--atomix-avatar-size)/-2*8))}.c-avatar-group--stacked>:nth-child(10){transform:translateX(calc(var(--atomix-avatar-size)/-2*9))}.c-avatar-group--stacked>:nth-child(11){transform:translateX(calc(var(--atomix-avatar-size)/-2*10))}.c-avatar-group--stacked:hover>*{transform:translateX(0)}.c-avatar-group--stacked:hover{gap:var(--atomix-avatar-group-stacked-hover-gap)}.c-avatar-group--stacked .c-avatar-group__more{font-size:var(--atomix-avatar-group-more-font-size);margin-left:calc(var(--atomix-avatar-size)*-1*var(--atomix-avatar-group-stacked-overlap)/100);z-index:1}.c-atomix-glass{--atomix-glass-transition:all 0.15s ease;--atomix-glass-position:absolute;--atomix-glass-border-width:var(--atomix-spacing-0-5,0.09375rem);--atomix-glass-base-z-index:0;--_glass-z-background:calc(var(--atomix-glass-base-z-index));--_glass-z-container:calc(var(--atomix-glass-base-z-index) + 1);--_glass-z-filter:calc(var(--atomix-glass-base-z-index) + 1);--_glass-z-effect:calc(var(--atomix-glass-base-z-index) + 2);--_glass-z-hover:calc(var(--atomix-glass-base-z-index) + 3);--_glass-z-overlay-highlight:calc(var(--atomix-glass-base-z-index) + 4);--_glass-z-border-1:calc(var(--atomix-glass-base-z-index) + 5);--_glass-z-border-2:calc(var(--atomix-glass-base-z-index) + 6);--_glass-z-content:calc(var(--atomix-glass-base-z-index) + 7);position:relative}.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3{left:var(--atomix-glass-left);position:var(--atomix-glass-position);top:var(--atomix-glass-top);z-index:var(--_glass-z-hover)}.c-atomix-glass__base,.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3,.c-atomix-glass__overlay{border-radius:var(--atomix-glass-radius);pointer-events:none;transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition)}.c-atomix-glass__base,.c-atomix-glass__overlay{z-index:var(--_glass-z-effect)}.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3{background:var(--atomix-glass-hover-1-gradient,none);mix-blend-mode:overlay;opacity:var(--atomix-glass-hover-1-opacity,0)}.c-atomix-glass__hover-1{background:var(--atomix-glass-hover-1-gradient,none);opacity:var(--atomix-glass-hover-1-opacity,0);transition:opacity .2s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1)}.c-atomix-glass__hover-2{background:var(--atomix-glass-hover-2-gradient,none);opacity:var(--atomix-glass-hover-2-opacity,0);transition:opacity .35s cubic-bezier(.22,1,.36,1),background .45s cubic-bezier(.22,1,.36,1)}.c-atomix-glass__hover-3{background:var(--atomix-glass-hover-3-gradient,none);opacity:var(--atomix-glass-hover-3-opacity,0);transition:opacity .55s cubic-bezier(.22,1,.36,1),background .6s cubic-bezier(.22,1,.36,1)}.c-atomix-glass__base{background:var(--atomix-glass-base-gradient,none);mix-blend-mode:soft-light;opacity:var(--atomix-glass-base-opacity,0)}.c-atomix-glass__overlay{background:var(--atomix-glass-overlay-gradient,none);mix-blend-mode:overlay;opacity:var(--atomix-glass-overlay-opacity,0)}.c-atomix-glass__overlay-highlight{background:var(--atomix-glass-overlay-highlight-bg,none);inset:var(--atomix-spacing-0-5,.125rem);mix-blend-mode:screen;opacity:var(--atomix-glass-overlay-highlight-opacity,0);position:absolute;z-index:var(--_glass-z-overlay-highlight)}.c-atomix-glass__border-1,.c-atomix-glass__border-2,.c-atomix-glass__overlay-highlight{border-radius:var(--atomix-glass-radius);pointer-events:none;transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition)}.c-atomix-glass__border-1,.c-atomix-glass__border-2{box-sizing:border-box;height:var(--atomix-glass-height);left:var(--atomix-glass-left);-webkit-mask:linear-gradient(var(--atomix-black,#000) 0 0) content-box,linear-gradient(var(--atomix-black,#000) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--atomix-black,#000) 0 0) content-box,linear-gradient(var(--atomix-black,#000) 0 0);mask-composite:exclude;overflow:hidden;padding:var(--atomix-glass-border-width);position:var(--atomix-glass-position);top:var(--atomix-glass-top);width:var(--atomix-glass-width)}.c-atomix-glass__border-1{background:var(--atomix-glass-border-gradient-1,none);mix-blend-mode:screen;opacity:var(--atomix-opacity-20,.2);z-index:var(--_glass-z-border-1)}.c-atomix-glass__border-1,.c-atomix-glass__border-2{box-shadow:var(--atomix-glass-border-shadow,0 0 0 .5px hsla(0,0%,100%,.5) inset,0 1px 3px hsla(0,0%,100%,.25) inset,0 1px 4px rgba(0,0,0,.35))}.c-atomix-glass__border-2{background:var(--atomix-glass-border-gradient-2,none);mix-blend-mode:overlay;z-index:var(--_glass-z-border-2)}.c-atomix-glass__container{border-radius:var(--atomix-glass-radius);left:var(--atomix-glass-left);position:var(--atomix-glass-position);top:var(--atomix-glass-top);transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition);z-index:var(--_glass-z-container)}.c-atomix-glass__inner{border-radius:var(--atomix-glass-radius);box-shadow:var(--atomix-glass-container-box-shadow);height:100%;padding:var(--atomix-glass-container-padding);position:relative;width:100%}.c-atomix-glass__filter{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:var(--_glass-z-filter)}.c-atomix-glass__filter svg{border-radius:var(--atomix-glass-radius)}.c-atomix-glass__filter-overlay{-webkit-backdrop-filter:var(--atomix-glass-container-backdrop);backdrop-filter:var(--atomix-glass-container-backdrop);inset:0}.c-atomix-glass__filter-overlay,.c-atomix-glass__filter-shadow{border-radius:var(--atomix-glass-container-radius);pointer-events:none;position:absolute}.c-atomix-glass__filter-shadow{background:var(--atomix-glass-container-bg);box-shadow:var(--atomix-glass-container-shadow);inset:var(--atomix-glass-border-width);opacity:var(--atomix-glass-container-shadow-opacity)}.c-atomix-glass__content{border-radius:var(--atomix-glass-radius);height:var(--atomix-glass-container-height);position:relative;text-shadow:var(--atomix-glass-container-text-shadow);width:var(--atomix-glass-container-width);z-index:var(--_glass-z-content)}.c-atomix-glass__background-layer{border-radius:var(--atomix-glass-radius);height:var(--atomix-glass-height);left:var(--atomix-glass-left);pointer-events:none;position:var(--atomix-glass-position);top:var(--atomix-glass-top);transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition);width:var(--atomix-glass-width);z-index:var(--_glass-z-background)}.c-atomix-glass__background-layer--dark{background-color:var(--atomix-gray-9,#1f2937)}.c-atomix-glass__background-layer--black{background-color:var(--atomix-black,#000);mix-blend-mode:overlay}.c-atomix-glass__background-layer--dark.c-atomix-glass__background-layer--over-light{opacity:var(--atomix-opacity-50,.5)}.c-atomix-glass__background-layer--black.c-atomix-glass__background-layer--over-light{opacity:var(--atomix-opacity-25,.25)}.c-atomix-glass__background-layer--hidden{opacity:var(--atomix-opacity-0,0)}.c-atomix-glass--reduced-motion{--atomix-glass-transition:none}.c-atomix-glass--reduced-motion *{transition:none!important}.c-atomix-glass--high-contrast{border:var(--atomix-spacing-0-5,2px) solid;outline:var(--atomix-spacing-0-5,2px) solid transparent;outline-offset:var(--atomix-spacing-0-5,2px)}.c-atomix-glass--disabled-effects{--atomix-glass-transform:none;--atomix-glass-transition:none}.c-atomix-glass[role=button]:focus-visible,.c-atomix-glass[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.c-atomix-glass{--atomix-glass-transition:none}.c-atomix-glass *{transition:none!important}}@media (prefers-contrast:high){.c-atomix-glass{border-width:var(--atomix-spacing-0-5,.125rem)}}.c-badge{--atomix-tag-font-size:0.75rem;--atomix-tag-font-weight:400;--atomix-tag-color:var(--atomix-body-color);--atomix-tag-padding-x:0.625rem;--atomix-tag-padding-y:0.375rem;--atomix-tag-border-radius:50rem;--atomix-tag-bg-color:var(--atomix-body-bg);--atomix-tag-icon-size:1rem;--atomix-tag-inner-items-gap:0.375rem;align-items:center;background-color:var(--atomix-tag-bg-color);border-radius:var(--atomix-tag-border-radius);display:inline-flex;font-size:var(--atomix-tag-font-size);font-weight:var(--atomix-tag-font-weight);gap:var(--atomix-tag-inner-items-gap);line-height:1;padding:var(--atomix-tag-padding-y) var(--atomix-tag-padding-x);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-badge,.c-badge__icon{color:var(--atomix-tag-color)}.c-badge__icon{font-size:var(--atomix-tag-icon-size);fill:var(--atomix-tag-color)}.c-badge--sm{--atomix-tag-padding-y:0.25rem}.c-badge--lg{--atomix-tag-padding-y:0.5rem}.c-badge--glass{background-color:color-mix(in srgb,var(--atomix-tag-bg-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--atomix-tag-color) 50%,transparent)}.c-badge--primary{--atomix-tag-bg-color:var(--atomix-brand-bg-subtle);--atomix-tag-color:var(--atomix-brand-text-emphasis)}.c-badge--secondary{--atomix-tag-bg-color:var(--atomix-secondary-bg-subtle);--atomix-tag-color:var(--atomix-secondary-text-emphasis)}.c-badge--success{--atomix-tag-bg-color:var(--atomix-success-bg-subtle);--atomix-tag-color:var(--atomix-success-text-emphasis)}.c-badge--info{--atomix-tag-bg-color:var(--atomix-info-bg-subtle);--atomix-tag-color:var(--atomix-info-text-emphasis)}.c-badge--warning{--atomix-tag-bg-color:var(--atomix-warning-bg-subtle);--atomix-tag-color:var(--atomix-warning-text-emphasis)}.c-badge--error{--atomix-tag-bg-color:var(--atomix-error-bg-subtle);--atomix-tag-color:var(--atomix-error-text-emphasis)}.c-badge--light{--atomix-tag-bg-color:var(--atomix-light);--atomix-tag-color:var(--atomix-dark);border:1px solid var(--atomix-light)}.c-badge--dark{--atomix-tag-bg-color:var(--atomix-dark);--atomix-tag-color:var(--atomix-light);border:1px solid var(--atomix-dark)}.c-breadcrumb{--atomix-breadcrumb-font-size:0.875rem;--atomix-breadcrumb-link-padding-y:0.25rem;--atomix-breadcrumb-link-padding-x:0rem;--atomix-breadcrumb-link-border-width:0.5rem;--atomix-breadcrumb-items-gap:0.75rem;--atomix-breadcrumb-margin-bottom:1rem;--atomix-breadcrumb-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-hover-color:var(--atomix-body-color);--atomix-breadcrumb-active-color:var(--atomix-body-color);--atomix-breadcrumb-bg: ;--atomix-breadcrumb-divider-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-divider-active-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-divider-size:1rem;--atomix-breadcrumb-divider-gap:0.75rem;background-color:var(--atomix-breadcrumb-bg);list-style:none;margin-bottom:var(--atomix-breadcrumb-margin-bottom);padding-left:0}.c-breadcrumb,.c-breadcrumb__item{display:flex;gap:var(--atomix-breadcrumb-items-gap)}.c-breadcrumb__item{align-items:center}.c-breadcrumb__item+.c-breadcrumb__item:before{color:var(--atomix-breadcrumb-divider-color);content:"›";font-size:var(--atomix-breadcrumb-divider-size);margin-right:var(--atomix-breadcrumb-divider-gap)}.c-breadcrumb__item.is-active:before{color:var(--atomix-breadcrumb-divider-active-color)}.c-breadcrumb__item.is-active .c-breadcrumb__link{color:var(--atomix-breadcrumb-active-color);font-weight:500}.c-breadcrumb__link{align-items:center;border:var(--atomix-breadcrumb-link-border-width) solid transparent;color:var(--atomix-breadcrumb-color);display:flex;gap:calc(var(--atomix-breadcrumb-items-gap)/2);padding:var(--atomix-breadcrumb-link-padding-y) var(--atomix-breadcrumb-link-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-breadcrumb__link:focus-visible{border-color:var(--atomix-focus-border-color);outline:none}.c-breadcrumb__link:hover{color:var(--atomix-breadcrumb-hover-color)}.c-btn-group{--atomix-btn-group-gap:0.75rem;display:inline-flex;position:relative;vertical-align:middle}.c-btn-group .c-btn{flex:1 1 auto;position:relative}.c-btn-group .c-btn:not(:first-child):not(:last-child){border-radius:0}.c-btn-group .c-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.c-btn-group .c-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.c-btn-group .c-btn+.c-btn{margin-left:calc(var(--atomix-btn-border-width)*-1)}.c-btn{--atomix-btn-padding-x:1rem;--atomix-btn-padding-y:0.75rem;--atomix-btn-font-family:Roboto,sans-serif;--atomix-btn-font-size:1rem;--atomix-btn-font-weight:500;--atomix-btn-line-height:1.2;--atomix-btn-icon-size:1rem;--atomix-btn-color:var(--atomix-body-color);--atomix-btn-bg:transparent;--atomix-btn-border-width:1px;--atomix-btn-border-color:transparent;--atomix-btn-border-radius:0.75rem;--atomix-btn-hover-border-color:transparent;--atomix-btn-box-shadow:0 8px 16px rgba(0,0,0,.15);--atomix-btn-disabled-opacity:0.65;--atomix-btn-focus-box-shadow:0 0 0 2px rgba(var(--atomix-btn-focus-shadow-rgb),0.5);--atomix-btn-inner-gap:0.5rem;align-items:center;background-color:var(--atomix-btn-bg);border:var(--atomix-btn-border-width) solid var(--atomix-btn-border-color);border-radius:var(--atomix-btn-border-radius);color:var(--atomix-btn-color);cursor:pointer;display:inline-flex;font-family:var(--atomix-btn-font-family);font-size:var(--atomix-btn-font-size);font-weight:var(--atomix-btn-font-weight);gap:var(--atomix-btn-inner-gap);justify-content:center;line-height:var(--atomix-btn-line-height);padding:var(--atomix-btn-padding-y) var(--atomix-btn-padding-x);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1),transform .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.c-btn__icon{font-size:var(--atomix-btn-icon-size)}.c-btn:hover{background-color:var(--atomix-btn-hover-bg);border-color:var(--atomix-btn-hover-border-color);color:var(--atomix-btn-hover-color)}.c-btn--primary{--atomix-btn-color:var(--atomix-white,#fff);--atomix-btn-bg:var(--atomix-primary,#8b5cf6);--atomix-btn-border-color:var(--atomix-primary,#8b5cf6);--atomix-btn-hover-color:var(--atomix-white,#fff);--atomix-btn-hover-bg:var(
3
+ );--atomix-border-radius-3xl:1.5rem;--atomix-border-radius-4xl:2rem;--atomix-border-radius-pill:50rem;--atomix-box-shadow:0 8px 16px rgba(0,0,0,.15);--atomix-box-shadow-xs:0px 1px 2px 0px rgba(45,54,67,.04),0px 2px 4px 0px rgba(45,54,67,.08);--atomix-box-shadow-sm:0 2px 4px rgba(0,0,0,.075);--atomix-box-shadow-lg:0 16px 48px rgba(0,0,0,.175);--atomix-box-shadow-xl:0px 16px 64px -8px rgba(45,54,67,.14);--atomix-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--atomix-focus-border-color:#a78bfa;--atomix-form-valid-color:#22c55e;--atomix-form-valid-border-color:#22c55e;--atomix-form-invalid-color:#ef4444;--atomix-form-invalid-border-color:#ef4444;--atomix-spacing-0:0rem;--atomix-spacing-1:0.25rem;--atomix-spacing-px-6:0.375rem;--atomix-spacing-2:0.5rem;--atomix-spacing-px-10:0.625rem;--atomix-spacing-3:0.75rem;--atomix-spacing-px-14:0.875rem;--atomix-spacing-4:1rem;--atomix-spacing-5:1.25rem;--atomix-spacing-px-22:1.375rem;--atomix-spacing-6:1.5rem;--atomix-spacing-7:1.75rem;--atomix-spacing-px-30:1.875rem;--atomix-spacing-8:2rem;--atomix-spacing-9:2.25rem;--atomix-spacing-10:2.5rem;--atomix-spacing-11:2.75rem;--atomix-spacing-12:3rem;--atomix-spacing-14:3.5rem;--atomix-spacing-16:4rem;--atomix-spacing-20:5rem;--atomix-spacing-24:6rem;--atomix-spacing-28:7rem;--atomix-spacing-32:8rem;--atomix-spacing-36:9rem;--atomix-spacing-40:10rem;--atomix-spacing-44:11rem;--atomix-spacing-48:12rem;--atomix-spacing-52:13rem;--atomix-spacing-56:14rem;--atomix-spacing-60:15rem;--atomix-spacing-64:16rem;--atomix-spacing-72:18rem;--atomix-spacing-80:20rem;--atomix-spacing-90:22.5rem;--atomix-spacing-200:50rem;--atomix-red-1:#fef2f2;--atomix-red-2:#fee2e2;--atomix-red-3:#fecaca;--atomix-red-4:#fca5a5;--atomix-red-5:#f87171;--atomix-red-6:#ef4444;--atomix-red-7:#dc2626;--atomix-red-8:#b91c1c;--atomix-red-9:#991b1b;--atomix-red-10:#7f1d1d;--atomix-green-1:#f0fdf4;--atomix-green-2:#dcfce7;--atomix-green-3:#bbf7d0;--atomix-green-4:#86efac;--atomix-green-5:#4ade80;--atomix-green-6:#22c55e;--atomix-green-7:#16a34a;--atomix-green-8:#15803d;--atomix-green-9:#166534;--atomix-green-10:#14532d;--atomix-blue-1:#eff6ff;--atomix-blue-2:#dbeafe;--atomix-blue-3:#bfdbfe;--atomix-blue-4:#93c5fd;--atomix-blue-5:#60a5fa;--atomix-blue-6:#3b82f6;--atomix-blue-7:#2563eb;--atomix-blue-8:#1d4ed8;--atomix-blue-9:#1e40af;--atomix-blue-10:#1e3a8a;--atomix-yellow-1:#fefce8;--atomix-yellow-2:#fef9c3;--atomix-yellow-3:#fef08a;--atomix-yellow-4:#fde047;--atomix-yellow-5:#facc15;--atomix-yellow-6:#eab308;--atomix-yellow-7:#ca8a04;--atomix-yellow-8:#a16207;--atomix-yellow-9:#854d0e;--atomix-yellow-10:#713f12;--atomix-font-weight-light:300;--atomix-font-weight-normal:400;--atomix-font-weight-medium:500;--atomix-font-weight-semibold:600;--atomix-font-weight-bold:700;--atomix-font-weight-heavy:800;--atomix-font-weight-black:900;--atomix-line-height-base:1.2;--atomix-line-height-sm:1.43;--atomix-line-height-lg:1.56;--atomix-font-size-xl:1.5rem;--atomix-font-size-2xl:2rem;--atomix-display-1:4rem;--atomix-letter-spacing-h1:-1px;--atomix-letter-spacing-h2:-1px;--atomix-letter-spacing-h3:-1px;--atomix-letter-spacing-h4:-0.5px;--atomix-letter-spacing-h5:-0.5px;--atomix-letter-spacing-h6:-0.5px;--atomix-transition-duration-fast:0.15s;--atomix-transition-duration-base:0.3s;--atomix-transition-duration-slow:0.5s;--atomix-transition-duration-slower:0.7s;--atomix-easing-base:cubic-bezier(0.23,1,0.32,1);--atomix-easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--atomix-easing-ease-out:cubic-bezier(0,0,0.2,1);--atomix-easing-ease-in:cubic-bezier(0.4,0,1,1);--atomix-easing-ease-linear:linear;--atomix-transition-fast:all 0.15s cubic-bezier(0.23,1,0.32,1);--atomix-transition-base:all 0.3s cubic-bezier(0.23,1,0.32,1);--atomix-transition-slow:all 0.5s cubic-bezier(0.23,1,0.32,1);--atomix-z-n1:-1;--atomix-z-0:0;--atomix-z-1:1;--atomix-z-2:2;--atomix-z-3:3;--atomix-z-4:4;--atomix-z-5:5;--atomix-z-dropdown:1000;--atomix-z-sticky:1020;--atomix-z-fixed:1030;--atomix-z-modal:1040;--atomix-z-popover:1050;--atomix-z-tooltip:1060;--atomix-z-drawer:1070;--atomix-breakpoint-xs:0;--atomix-breakpoint-sm:576px;--atomix-breakpoint-md:768px;--atomix-breakpoint-lg:992px;--atomix-breakpoint-xl:1200px;--atomix-breakpoint-xxl:1440px;--atomix-focus-ring-width:3px;--atomix-focus-ring-offset:2px;--atomix-focus-ring-opacity:0.25}[data-atomix-color-mode=dark]{color-scheme:dark;--atomix-body-color:#fff;--atomix-body-bg:#1f2937;--atomix-primary:#8b5cf6;--atomix-secondary:#4b5563;--atomix-light:#f9fafb;--atomix-dark:#374151;--atomix-error:#ef4444;--atomix-success:#22c55e;--atomix-warning:#eab308;--atomix-info:#3b82f6;--atomix-primary-rgb:139,92,246;--atomix-secondary-rgb:75,85,99;--atomix-light-rgb:249,250,251;--atomix-dark-rgb:55,65,81;--atomix-error-rgb:239,68,68;--atomix-success-rgb:34,197,94;--atomix-warning-rgb:234,179,8;--atomix-info-rgb:59,130,246;--atomix-primary-text-emphasis:#fff;--atomix-secondary-text-emphasis:#e5e7eb;--atomix-tertiary-text-emphasis:#d1d5db;--atomix-disabled-text-emphasis:#9ca3af;--atomix-invert-text-emphasis:#f9fafb;--atomix-brand-text-emphasis:#ede9fe;--atomix-error-text-emphasis:#fecaca;--atomix-success-text-emphasis:#bbf7d0;--atomix-warning-text-emphasis:#fef08a;--atomix-info-text-emphasis:#bfdbfe;--atomix-light-text-emphasis:#f9fafb;--atomix-dark-text-emphasis:#374151;--atomix-primary-bg-subtle:#1f2937;--atomix-secondary-bg-subtle:#4b5563;--atomix-tertiary-bg-subtle:#6b7280;--atomix-invert-bg-subtle:#fff;--atomix-brand-bg-subtle:#6d28d9;--atomix-error-bg-subtle:#7f1d1d;--atomix-success-bg-subtle:#166534;--atomix-warning-bg-subtle:#713f12;--atomix-info-bg-subtle:#1e3a8a;--atomix-light-bg-subtle:#f9fafb;--atomix-dark-bg-subtle:#374151;--atomix-primary-border-subtle:#374151;--atomix-secondary-border-subtle:#fff;--atomix-success-border-subtle:#22c55e;--atomix-error-border-subtle:#ef4444;--atomix-warning-border-subtle:#eab308;--atomix-info-border-subtle:#3b82f6;--atomix-brand-border-subtle:#8b5cf6;--atomix-light-border-subtle:#f9fafb;--atomix-dark-border-subtle:#374151;--atomix-primary-hover:#8b5cf6;--atomix-secondary-hover:#6b7280;--atomix-light-hover:#9ca3af;--atomix-dark-hover:#4b5563;--atomix-error-hover:#fca5a5;--atomix-success-hover:#86efac;--atomix-warning-hover:#facc15;--atomix-info-hover:#93c5fd;--atomix-primary-gradient:linear-gradient(135deg,#4c1d95,#5b21b6,#6d28d9);--atomix-secondary-gradient:linear-gradient(135deg,#374151,#6b7280,#d1d5db);--atomix-light-gradient:linear-gradient(135deg,#9ca3af,#6b7280,#9ca3af);--atomix-dark-gradient:linear-gradient(135deg,#000,#4b5563,#1f2937);--atomix-success-gradient:linear-gradient(135deg,#14532d,#16a34a,#166534);--atomix-info-gradient:linear-gradient(135deg,#1e3a8a,#1d4ed8,#1e40af);--atomix-warning-gradient:linear-gradient(135deg,#713f12,#a16207,#854d0e);--atomix-error-gradient:linear-gradient(135deg,#7f1d1d,#dc2626,#7f1d1d);--atomix-gradient:linear-gradient(135deg,#4b5563,#1f2937,#000);--atomix-box-shadow:0px 8px 40px -8px rgba(30,30,30,.7),0px 4px 20px 0px rgba(30,30,30,.8);--atomix-box-shadow-xs:0px 1px 2px 0px rgba(30,30,30,.5),0px 2px 4px 0px rgba(30,30,30,.5);--atomix-box-shadow-sm:0px 2px 4px -2px rgba(30,30,30,.5),0px 4px 8px -2px rgba(30,30,30,.5);--atomix-box-shadow-lg:0px 8px 18px -2px rgba(30,30,30,.5),0px 8px 24px -2px rgba(30,30,30,.5);--atomix-box-shadow-xl:0px 33px 61px -8px rgba(30,30,30,.9),0px 8px 10px 0px rgba(30,30,30,.9);--atomix-heading-color:#e5e7eb;--atomix-link-color:#c4b5fd;--atomix-link-color-rgb:196,181,253;--atomix-link-hover-color:#896bfb;--atomix-link-hover-color-rgb:136.6118421053,106.5131578947,250.9868421053;--atomix-code-color:#f87171;--atomix-border-color:#374151;--atomix-border-color-translucent:hsla(0,0%,100%,.15);--atomix-focus-border-color:#c4b5fd;--atomix-form-valid-color:#4ade80;--atomix-form-valid-border-color:#4ade80;--atomix-form-invalid-color:#f87171;--atomix-form-invalid-border-color:#f87171}::-moz-selection{background:#8b5cf6;background:rgba(139,92,246,.3)}::selection{background:#8b5cf6;background:rgba(139,92,246,.3)}::-moz-selection{background:#8b5cf6;background:rgba(139,92,246,.3)}*{-webkit-tap-highlight-color:rgba(139,92,246,.2)}*,:after,:before{box-sizing:border-box}img{height:auto;max-width:100%}.docs-story{background:var(--atomix-body-bg)!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.2}body.is-blocked,body.is-modal-open{overflow:hidden}.h1,h1{font-size:2.5rem}.h1,.h2,h1,h2{letter-spacing:-1px}.h2,h2{font-size:2rem}.h3,h3{font-size:1.5rem;letter-spacing:-1px}.h4,h4{font-size:1.25rem}.h4,.h5,h4,h5{letter-spacing:-.5px}.h5,h5{font-size:1.125rem}.h6,h6{font-size:1rem;letter-spacing:-.5px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700;line-height:1.3}html{height:100%;position:relative;scroll-behavior:smooth;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:rgba(var(--atomix-link-color-rgb),var(--atomix-u-link-opacity,1));transition-delay:0s;transition-duration:.2s;transition-property:color;transition-timing-function:ease-in-out}a,a:hover{text-decoration:none}.o-container,.o-container-fluid,.o-container-lg,.o-container-md,.o-container-sm,.o-container-xl,.o-container-xs,.o-container-xxl{margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px;width:100%}@media (min-width:0){.o-container,.o-container-xs{max-width:340px}}@media (min-width:576px){.o-container,.o-container-sm{max-width:540px}}@media (min-width:768px){.o-container,.o-container-md{max-width:720px}}@media (min-width:992px){.o-container,.o-container-lg{max-width:960px}}@media (min-width:1200px){.o-container,.o-container-xl{max-width:1140px}}@media (min-width:1440px){.o-container,.o-container-xxl{max-width:1320px}}.o-grid{--atomix-gutter-y:16px;display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.o-grid__col{padding-left:8px;padding-right:8px;position:relative;width:100%}.o-grid--no-gutters{margin-left:0;margin-right:0}.o-grid--no-gutters .o-grid__col{padding-left:0;padding-right:0}@media (min-width:0){.o-grid__col--auto{flex:1 0}.o-grid__col--1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--3{flex:0 0 auto;width:25%}.o-grid__col--4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--6{flex:0 0 auto;width:50%}.o-grid__col--7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--9{flex:0 0 auto;width:75%}.o-grid__col--10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--12{flex:0 0 auto;width:100%}.o-grid__offset--1{margin-left:8.3333333333%}.o-grid__offset--2{margin-left:16.6666666667%}.o-grid__offset--3{margin-left:25%}.o-grid__offset--4{margin-left:33.3333333333%}.o-grid__offset--5{margin-left:41.6666666667%}.o-grid__offset--6{margin-left:50%}.o-grid__offset--7{margin-left:58.3333333333%}.o-grid__offset--8{margin-left:66.6666666667%}.o-grid__offset--9{margin-left:75%}.o-grid__offset--10{margin-left:83.3333333333%}.o-grid__offset--11{margin-left:91.6666666667%}}@media (min-width:576px){.o-grid__col--sm-auto{flex:1 0}.o-grid__col--sm-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--sm-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--sm-3{flex:0 0 auto;width:25%}.o-grid__col--sm-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--sm-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--sm-6{flex:0 0 auto;width:50%}.o-grid__col--sm-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--sm-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--sm-9{flex:0 0 auto;width:75%}.o-grid__col--sm-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--sm-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--sm-12{flex:0 0 auto;width:100%}.o-grid__offset--sm-0{margin-left:0}.o-grid__offset--sm-1{margin-left:8.3333333333%}.o-grid__offset--sm-2{margin-left:16.6666666667%}.o-grid__offset--sm-3{margin-left:25%}.o-grid__offset--sm-4{margin-left:33.3333333333%}.o-grid__offset--sm-5{margin-left:41.6666666667%}.o-grid__offset--sm-6{margin-left:50%}.o-grid__offset--sm-7{margin-left:58.3333333333%}.o-grid__offset--sm-8{margin-left:66.6666666667%}.o-grid__offset--sm-9{margin-left:75%}.o-grid__offset--sm-10{margin-left:83.3333333333%}.o-grid__offset--sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.o-grid__col--md-auto{flex:1 0}.o-grid__col--md-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--md-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--md-3{flex:0 0 auto;width:25%}.o-grid__col--md-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--md-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--md-6{flex:0 0 auto;width:50%}.o-grid__col--md-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--md-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--md-9{flex:0 0 auto;width:75%}.o-grid__col--md-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--md-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--md-12{flex:0 0 auto;width:100%}.o-grid__offset--md-0{margin-left:0}.o-grid__offset--md-1{margin-left:8.3333333333%}.o-grid__offset--md-2{margin-left:16.6666666667%}.o-grid__offset--md-3{margin-left:25%}.o-grid__offset--md-4{margin-left:33.3333333333%}.o-grid__offset--md-5{margin-left:41.6666666667%}.o-grid__offset--md-6{margin-left:50%}.o-grid__offset--md-7{margin-left:58.3333333333%}.o-grid__offset--md-8{margin-left:66.6666666667%}.o-grid__offset--md-9{margin-left:75%}.o-grid__offset--md-10{margin-left:83.3333333333%}.o-grid__offset--md-11{margin-left:91.6666666667%}}@media (min-width:992px){.o-grid__col--lg-auto{flex:1 0}.o-grid__col--lg-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--lg-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--lg-3{flex:0 0 auto;width:25%}.o-grid__col--lg-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--lg-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--lg-6{flex:0 0 auto;width:50%}.o-grid__col--lg-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--lg-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--lg-9{flex:0 0 auto;width:75%}.o-grid__col--lg-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--lg-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--lg-12{flex:0 0 auto;width:100%}.o-grid__offset--lg-0{margin-left:0}.o-grid__offset--lg-1{margin-left:8.3333333333%}.o-grid__offset--lg-2{margin-left:16.6666666667%}.o-grid__offset--lg-3{margin-left:25%}.o-grid__offset--lg-4{margin-left:33.3333333333%}.o-grid__offset--lg-5{margin-left:41.6666666667%}.o-grid__offset--lg-6{margin-left:50%}.o-grid__offset--lg-7{margin-left:58.3333333333%}.o-grid__offset--lg-8{margin-left:66.6666666667%}.o-grid__offset--lg-9{margin-left:75%}.o-grid__offset--lg-10{margin-left:83.3333333333%}.o-grid__offset--lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.o-grid__col--xl-auto{flex:1 0}.o-grid__col--xl-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--xl-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--xl-3{flex:0 0 auto;width:25%}.o-grid__col--xl-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--xl-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--xl-6{flex:0 0 auto;width:50%}.o-grid__col--xl-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--xl-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--xl-9{flex:0 0 auto;width:75%}.o-grid__col--xl-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--xl-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--xl-12{flex:0 0 auto;width:100%}.o-grid__offset--xl-0{margin-left:0}.o-grid__offset--xl-1{margin-left:8.3333333333%}.o-grid__offset--xl-2{margin-left:16.6666666667%}.o-grid__offset--xl-3{margin-left:25%}.o-grid__offset--xl-4{margin-left:33.3333333333%}.o-grid__offset--xl-5{margin-left:41.6666666667%}.o-grid__offset--xl-6{margin-left:50%}.o-grid__offset--xl-7{margin-left:58.3333333333%}.o-grid__offset--xl-8{margin-left:66.6666666667%}.o-grid__offset--xl-9{margin-left:75%}.o-grid__offset--xl-10{margin-left:83.3333333333%}.o-grid__offset--xl-11{margin-left:91.6666666667%}}@media (min-width:1440px){.o-grid__col--xxl-auto{flex:1 0}.o-grid__col--xxl-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--xxl-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--xxl-3{flex:0 0 auto;width:25%}.o-grid__col--xxl-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--xxl-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--xxl-6{flex:0 0 auto;width:50%}.o-grid__col--xxl-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--xxl-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--xxl-9{flex:0 0 auto;width:75%}.o-grid__col--xxl-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--xxl-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--xxl-12{flex:0 0 auto;width:100%}.o-grid__offset--xxl-0{margin-left:0}.o-grid__offset--xxl-1{margin-left:8.3333333333%}.o-grid__offset--xxl-2{margin-left:16.6666666667%}.o-grid__offset--xxl-3{margin-left:25%}.o-grid__offset--xxl-4{margin-left:33.3333333333%}.o-grid__offset--xxl-5{margin-left:41.6666666667%}.o-grid__offset--xxl-6{margin-left:50%}.o-grid__offset--xxl-7{margin-left:58.3333333333%}.o-grid__offset--xxl-8{margin-left:66.6666666667%}.o-grid__offset--xxl-9{margin-left:75%}.o-grid__offset--xxl-10{margin-left:83.3333333333%}.o-grid__offset--xxl-11{margin-left:91.6666666667%}}.o-masonry-grid{min-height:100px;position:relative;width:100%}.o-masonry-grid--animate .o-masonry-grid__item{transition:opacity .3s ease,top .3s ease,left .3s ease}.o-masonry-grid__item{box-sizing:border-box;width:100%}.o-masonry-grid__item:not([style*="position: absolute"]){opacity:0;visibility:hidden}.o-masonry-grid__item-loading:before{background-color:var(--atomix-gray-10);border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.o-masonry-grid__item-loading img{opacity:0}.o-masonry-grid__item-loaded img{animation:masonry-item-fade-in .3s ease forwards}.o-masonry-grid--loading-images{position:relative}.o-masonry-grid--loading-images:after{animation:masonry-spinner .8s linear infinite;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top:2px solid var(--atomix-brand-border-subtle);bottom:16px;content:"";height:24px;pointer-events:none;position:absolute;right:16px;width:24px;z-index:1000}@keyframes masonry-spinner{to{transform:rotate(1turn)}}@keyframes masonry-item-fade-in{0%{opacity:0}to{opacity:1}}.o-block{--atomix-block-spacing-xs:1rem;--atomix-block-spacing-sm:2rem;--atomix-block-spacing-md:4rem;--atomix-block-spacing-lg:6rem;--atomix-block-spacing-xl:7rem;position:relative;width:100%}.o-block--xs{padding-bottom:var(--atomix-block-spacing-xs);padding-top:var(--atomix-block-spacing-xs)}.o-block--sm{padding-bottom:var(--atomix-block-spacing-sm);padding-top:var(--atomix-block-spacing-sm)}.o-block--md{padding-bottom:var(--atomix-block-spacing-md);padding-top:var(--atomix-block-spacing-md)}.o-block--lg{padding-bottom:var(--atomix-block-spacing-lg);padding-top:var(--atomix-block-spacing-lg)}.o-block--xl{padding-bottom:var(--atomix-block-spacing-xl);padding-top:var(--atomix-block-spacing-xl)}.o-block--no-spacing{padding-bottom:0;padding-top:0}.o-block--full-width .o-container{max-width:none;padding-left:0;padding-right:0}.o-block--primary{background-color:var(--atomix-primary-bg-subtle)}.o-block--secondary{background-color:var(--atomix-secondary-bg-subtle)}.o-block--tertiary{background-color:var(--atomix-tertiary-bg-subtle)}.o-block--invert{background-color:var(--atomix-invert-bg-subtle)}.o-block--brand{background-color:var(--atomix-brand-bg-subtle)}.o-block--error{background-color:var(--atomix-error-bg-subtle)}.o-block--success{background-color:var(--atomix-success-bg-subtle)}.o-block--warning{background-color:var(--atomix-warning-bg-subtle)}.o-block--info{background-color:var(--atomix-info-bg-subtle)}.o-block--light{background-color:var(--atomix-light-bg-subtle)}.o-block--dark{background-color:var(--atomix-dark-bg-subtle)}@media (max-width:991.98px){.o-block--spacing-xs{padding-bottom:calc(var(--atomix-block-spacing-xs)*.75);padding-top:calc(var(--atomix-block-spacing-xs)*.75)}.o-block--spacing-sm{padding-bottom:calc(var(--atomix-block-spacing-sm)*.75);padding-top:calc(var(--atomix-block-spacing-sm)*.75)}.o-block--spacing-md{padding-bottom:calc(var(--atomix-block-spacing-md)*.75);padding-top:calc(var(--atomix-block-spacing-md)*.75)}.o-block--spacing-lg{padding-bottom:calc(var(--atomix-block-spacing-lg)*.75);padding-top:calc(var(--atomix-block-spacing-lg)*.75)}.o-block--spacing-xl{padding-bottom:calc(var(--atomix-block-spacing-xl)*.75);padding-top:calc(var(--atomix-block-spacing-xl)*.75)}}@media (max-width:767.98px){.o-block--spacing-xs{padding-bottom:calc(var(--atomix-block-spacing-xs)*.5);padding-top:calc(var(--atomix-block-spacing-xs)*.5)}.o-block--spacing-sm{padding-bottom:calc(var(--atomix-block-spacing-sm)*.5);padding-top:calc(var(--atomix-block-spacing-sm)*.5)}.o-block--spacing-md{padding-bottom:calc(var(--atomix-block-spacing-md)*.5);padding-top:calc(var(--atomix-block-spacing-md)*.5)}.o-block--spacing-lg{padding-bottom:calc(var(--atomix-block-spacing-lg)*.5);padding-top:calc(var(--atomix-block-spacing-lg)*.5)}.o-block--spacing-xl{padding-bottom:calc(var(--atomix-block-spacing-xl)*.5);padding-top:calc(var(--atomix-block-spacing-xl)*.5)}}.c-accordion{--atomix-accordion-width:100%;--atomix-accordion-border-width:calc(var(--atomix-border-width)*2);--atomix-accordion-border-color:var(--atomix-primary-border-subtle);--atomix-accordion-border-radius:0.25rem;--atomix-accordion-body-padding-x:1.25rem;--atomix-accordion-body-padding-y:0.5rem;--atomix-accordion-body-color:var(--atomix-body-color);--atomix-accordion-body-bg:var(--atomix-body-bg);--atomix-accordion-header-padding-x:1.25rem;--atomix-accordion-header-padding-y:1rem;--atomix-accordion-header-color:var(--atomix-body-color);--atomix-accordion-header-bg:var(--atomix-body-bg);--atomix-accordion-header-bg-hover:var(--atomix-body-bg);--atomix-accordion-icon-size:1.25rem;--atomix-accordion-icon-color:var(--atomix-body-color);--atomix-accordion-icon-transform:180deg;--atomix-accordion-disable-color:var(--atomix-tertiary-text-emphasis);--atomix-accordion-focus-border-color:var(--atomix-focus-border-color);--atomix-accordion-header-font-size:1rem;--atomix-accordion-header-font-weight:400;--atomix-accordion-header-inner-gap:0.5rem;--atomix-accordion-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--atomix-accordion-panel-transition:height 0.3s cubic-bezier(0.4,0,0.2,1);--panel-height:0px;border:var(--atomix-accordion-border-width) solid var(--atomix-accordion-border-color);border-radius:var(--atomix-accordion-border-radius);max-width:var(--atomix-accordion-width);overflow:hidden;transition:var(--atomix-accordion-transition);width:100%}.c-accordion__header{align-items:center;background-color:var(--atomix-accordion-header-bg);border:none;color:var(--atomix-accordion-header-color);cursor:pointer;display:flex;font-size:var(--atomix-accordion-header-font-size);font-weight:var(--atomix-accordion-header-font-weight);gap:var(--atomix-accordion-header-inner-gap);justify-content:space-between;outline:none;padding:var(--atomix-accordion-header-padding-y) var(--atomix-accordion-header-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:background;transition-timing-function:ease-in-out;width:100%}.c-accordion__header--icon-left{flex-direction:row-reverse;justify-content:flex-end}.c-accordion__header:hover{--atomix-accordion-header-bg:var(--atomix-accordion-header-bg-hover)}.c-accordion__header:focus-visible{outline:2px solid var(--atomix-accordion-focus-border-color);outline-offset:2px}.c-accordion__title{flex:1 1}.c-accordion__icon{align-items:center;color:var(--atomix-accordion-icon-color);display:inline-flex;flex-shrink:0;font-size:var(--atomix-accordion-icon-size);justify-content:center}.c-accordion__icon,.c-accordion__panel{transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-accordion__panel{height:var(--panel-height);overflow:hidden;scroll-behavior:smooth}.c-accordion__body{background-color:var(--atomix-accordion-body-bg);border-radius:0 0 var(--atomix-accordion-border-radius) var(--atomix-accordion-border-radius);color:var(--atomix-accordion-body-color);padding:var(--atomix-accordion-body-padding-y) var(--atomix-accordion-body-padding-x)}.c-accordion.is-focused,.c-accordion:focus{--atomix-accordion-border-color:var(--atomix-focus-border-color)}.c-accordion.is-open .c-accordion__icon{transform:rotate(var(--atomix-accordion-icon-transform))}.c-accordion.is-open .c-accordion__header{border-radius:var(--atomix-accordion-border-radius) var(--atomix-accordion-border-radius) 0 0}.c-accordion.is-disabled{cursor:not-allowed;pointer-events:none;--atomix-accordion-header-color:var(--atomix-accordion-disable-color);--atomix-accordion-body-color:var(--atomix-accordion-disable-color);--atomix-accordion-icon-color:var(--atomix-accordion-disable-color)}.c-accordion.is-disabled .c-accordion__header{cursor:not-allowed}.c-accordion--glass{border-color:transparent}.c-accordion--glass .c-accordion__body,.c-accordion--glass .c-accordion__header{background-color:color-mix(in srgb,var(--atomix-accordion-header-bg) 50%,transparent)}@media (prefers-reduced-motion:reduce){.c-accordion,.c-accordion .c-accordion__header,.c-accordion .c-accordion__icon,.c-accordion .c-accordion__panel{transition:none}}.c-avatar{--atomix-avatar-fit:cover;--atomix-avatar-size:2.5rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-border-circle-radius:50%;--atomix-avatar-color:var(--atomix-primary-text-emphasis);--atomix-avatar-bg:var(--atomix-secondary-bg-subtle);--atomix-avatar-border-width:calc(var(--atomix-border-width)*1);--atomix-avatar-border-color:var(--atomix-primary-border-subtle);--atomix-avatar-initials-font-size:0.875rem;--atomix-avatar-hover-opacity:0.8;--atomix-avatar-focus-ring-width:calc(var(--atomix-border-width)*2);--atomix-avatar-focus-ring-color:var(--atomix-primary-border-subtle);--atomix-avatar-disabled-opacity:0.5;align-items:center;background-color:var(--atomix-avatar-bg);border:var(--atomix-avatar-border-width) solid var(--atomix-avatar-border-color);border-radius:var(--atomix-avatar-border-radius);color:var(--atomix-avatar-color);display:inline-flex;height:var(--atomix-avatar-size);justify-content:center;overflow:hidden;position:relative;transition-delay:0s;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--atomix-avatar-size)}.c-avatar--xs{--atomix-avatar-size:1.5rem;--atomix-avatar-border-radius:0.25rem;--atomix-avatar-initials-font-size:0.75rem}.c-avatar--sm{--atomix-avatar-size:2rem;--atomix-avatar-border-radius:0.25rem;--atomix-avatar-initials-font-size:0.75rem}.c-avatar--md{--atomix-avatar-size:2.5rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-initials-font-size:0.875rem}.c-avatar--lg{--atomix-avatar-size:3rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-initials-font-size:1rem}.c-avatar--xl{--atomix-avatar-size:3.5rem;--atomix-avatar-border-radius:0.5rem;--atomix-avatar-initials-font-size:1rem}.c-avatar--circle{--atomix-avatar-border-radius:var(--atomix-avatar-border-circle-radius)}.c-avatar[role=button]{cursor:pointer}.c-avatar[role=button]:hover{opacity:var(--atomix-avatar-hover-opacity)}.c-avatar[role=button]:focus-visible{outline:var(--atomix-avatar-focus-ring-width) solid var(--atomix-avatar-focus-ring-color);outline-offset:1px}.c-avatar.is-disabled,.c-avatar[aria-disabled=true]{opacity:var(--atomix-avatar-disabled-opacity);pointer-events:none}.c-avatar__image{height:100%;-o-object-fit:var(--atomix-avatar-fit);object-fit:var(--atomix-avatar-fit);-o-object-position:center;object-position:center;width:100%}.c-avatar__initials{font-size:var(--atomix-avatar-initials-font-size);font-weight:500;text-transform:uppercase}.c-avatar__icon,.c-avatar__initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.c-avatar-group{--atomix-avatar-group-gap:0.5rem;--atomix-avatar-group-stacked-overlap:50%;--atomix-avatar-group-stacked-hover-gap:0.5rem;--atomix-avatar-group-more-color:var(--atomix-tertiary-text-emphasis);--atomix-avatar-group-more-bg:var(--atomix-body-bg);--atomix-avatar-group-more-font-size:0.875rem;--atomix-avatar-group-more-font-weight:500;--atomix-avatar-group-more-border-width:1px;--atomix-avatar-group-more-border-color:var(--atomix-primary-border-subtle);--atomix-avatar-group-transition-duration:0.2s;--atomix-avatar-group-transition-timing:ease-in-out;align-items:center;display:flex;flex-wrap:nowrap;gap:var(--atomix-avatar-group-gap)}.c-avatar-group__more{background-color:var(--atomix-avatar-group-more-bg);border:var(--atomix-avatar-group-more-border-width) solid var(--atomix-avatar-group-more-border-color);border-radius:var(--atomix-avatar-border-radius);color:var(--atomix-avatar-group-more-color);display:grid;font-size:var(--atomix-avatar-group-more-font-size);font-weight:var(--atomix-avatar-group-more-font-weight);height:var(--atomix-avatar-size);place-items:center;width:var(--atomix-avatar-size)}.c-avatar-group--stacked{gap:0}.c-avatar-group--stacked>*{border:2px solid var(--atomix-avatar-group-more-bg);transition:transform var(--atomix-avatar-group-transition-duration) var(--atomix-avatar-group-transition-timing)}.c-avatar-group--stacked>:nth-child(2){transform:translateX(calc(var(--atomix-avatar-size)/-2*1))}.c-avatar-group--stacked>:nth-child(3){transform:translateX(calc(var(--atomix-avatar-size)/-2*2))}.c-avatar-group--stacked>:nth-child(4){transform:translateX(calc(var(--atomix-avatar-size)/-2*3))}.c-avatar-group--stacked>:nth-child(5){transform:translateX(calc(var(--atomix-avatar-size)/-2*4))}.c-avatar-group--stacked>:nth-child(6){transform:translateX(calc(var(--atomix-avatar-size)/-2*5))}.c-avatar-group--stacked>:nth-child(7){transform:translateX(calc(var(--atomix-avatar-size)/-2*6))}.c-avatar-group--stacked>:nth-child(8){transform:translateX(calc(var(--atomix-avatar-size)/-2*7))}.c-avatar-group--stacked>:nth-child(9){transform:translateX(calc(var(--atomix-avatar-size)/-2*8))}.c-avatar-group--stacked>:nth-child(10){transform:translateX(calc(var(--atomix-avatar-size)/-2*9))}.c-avatar-group--stacked>:nth-child(11){transform:translateX(calc(var(--atomix-avatar-size)/-2*10))}.c-avatar-group--stacked:hover>*{transform:translateX(0)}.c-avatar-group--stacked:hover{gap:var(--atomix-avatar-group-stacked-hover-gap)}.c-avatar-group--stacked .c-avatar-group__more{font-size:var(--atomix-avatar-group-more-font-size);margin-left:calc(var(--atomix-avatar-size)*-1*var(--atomix-avatar-group-stacked-overlap)/100);z-index:1}.c-atomix-glass{position:relative;--_glass-radius:var(--atomix-glass-radius,var(--atomix-radius-md,0.75rem));--_glass-transform:var(--atomix-glass-transform,translateZ(0));--_glass-backdrop:var(--atomix-glass-border-backdrop,blur(14px) saturate(140%));--atomix-glass-position:absolute;--atomix-glass-border-width:var(--atomix-spacing-0-5,0.125rem);--atomix-glass-top:0;--atomix-glass-left:0;--atomix-glass-right:auto;--atomix-glass-bottom:auto;--_glass-transition:var(--atomix-transition-base);--atomix-glass-base-z-index:var(--atomix-z-index-base,0);--_glass-z-background:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-background, 0));--_glass-z-container:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-filter:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-effect:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-hover:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-overlay-highlight:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-border-1:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-border-2:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-overlay, 1));--_glass-z-border-3:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-content, 2));--_glass-z-content:calc(var(--atomix-glass-base-z-index) + var(--atomix-z-index-content, 2));--atomix-glass-border-shadow:0 0 0 0.5px var(--atomix-glass-border-color,hsla(0,0%,100%,.45)) inset,0 1px 2px var(--atomix-glass-inner-shadow-color,hsla(0,0%,100%,.18)) inset,0 2px 6px var(--atomix-glass-outer-shadow-color,rgba(0,0,0,.28))}.c-atomix-glass__base,.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3,.c-atomix-glass__overlay{border-radius:var(--_glass-radius);bottom:var(--atomix-glass-bottom);height:var(--atomix-glass-height);left:var(--atomix-glass-left);pointer-events:none;position:var(--atomix-glass-position);right:var(--atomix-glass-right);top:var(--atomix-glass-top);transform:var(--_glass-transform);transition:var(--_glass-transition);width:var(--atomix-glass-width)}.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3{z-index:var(--_glass-z-hover)}.c-atomix-glass__base,.c-atomix-glass__overlay{z-index:var(--_glass-z-effect)}.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3{mix-blend-mode:overlay}.c-atomix-glass__hover-1{background:var(--atomix-glass-hover-1-gradient,radial-gradient(60% 60% at 50% 0,var(--atomix-glass-hover-1-start-color,hsla(0,0%,100%,.18)) 0,var(--atomix-glass-hover-1-end-color,hsla(0,0%,100%,0)) 60%));opacity:var(--atomix-glass-hover-1-opacity,0)}.c-atomix-glass__hover-1,.c-atomix-glass__hover-2{transition:var(--_glass-transition),background var(--atomix-transition-duration-base,.3s) var(--atomix-easing-base,cubic-bezier(.23,1,.32,1))}.c-atomix-glass__hover-2{background:var(--atomix-glass-hover-2-gradient,radial-gradient(80% 80% at 50% 100%,var(--atomix-glass-hover-2-start-color,rgba(0,0,0,.12)) 0,var(--atomix-glass-hover-2-end-color,transparent) 60%));opacity:var(--atomix-glass-hover-2-opacity,0)}.c-atomix-glass__hover-3{background:var(--atomix-glass-hover-3-gradient,linear-gradient(180deg,var(--atomix-glass-hover-3-start-color,hsla(0,0%,100%,.06)) 0,var(--atomix-glass-hover-3-end-color,hsla(0,0%,100%,0)) 100%));opacity:var(--atomix-glass-hover-3-opacity,0);transition:var(--_glass-transition)}.c-atomix-glass__base{background:var(--atomix-glass-base-gradient,linear-gradient(180deg,var(--atomix-glass-base-start-color,hsla(0,0%,100%,.08)) 0,var(--atomix-glass-base-end-color,hsla(0,0%,100%,.02)) 100%));mix-blend-mode:soft-light;opacity:var(--atomix-glass-base-opacity,.6)}.c-atomix-glass__overlay{background:var(--atomix-glass-overlay-gradient,radial-gradient(120% 120% at 50% -10%,var(--atomix-glass-overlay-start-color,hsla(0,0%,100%,.12)) 0,var(--atomix-glass-overlay-end-color,hsla(0,0%,100%,0)) 40%));mix-blend-mode:overlay;opacity:var(--atomix-glass-overlay-opacity,.35)}.c-atomix-glass__overlay-highlight{background:var(--atomix-glass-overlay-highlight-bg,linear-gradient(180deg,var(--atomix-glass-highlight-start-color,hsla(0,0%,100%,.24)) 0,var(--atomix-glass-highlight-end-color,hsla(0,0%,100%,0)) 60%));inset:var(--atomix-spacing-0-5,.125rem);mix-blend-mode:screen;opacity:var(--atomix-glass-overlay-highlight-opacity,.25);position:absolute;z-index:var(--_glass-z-overlay-highlight)}.c-atomix-glass__border-1,.c-atomix-glass__border-2,.c-atomix-glass__border-backdrop,.c-atomix-glass__overlay-highlight{border-radius:var(--_glass-radius);pointer-events:none;transform:var(--_glass-transform);transition:var(--_glass-transition)}.c-atomix-glass__border-1,.c-atomix-glass__border-2,.c-atomix-glass__border-backdrop{bottom:var(--atomix-glass-bottom);box-sizing:border-box;height:var(--atomix-glass-height);left:var(--atomix-glass-left);-webkit-mask:linear-gradient(var(--atomix-black,#000) 0 0) content-box,linear-gradient(var(--atomix-black,#000) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--atomix-black,#000) 0 0) content-box,linear-gradient(var(--atomix-black,#000) 0 0);mask-composite:exclude;overflow:hidden;padding:var(--atomix-glass-border-width);position:var(--atomix-glass-position);right:var(--atomix-glass-right);top:var(--atomix-glass-top);width:var(--atomix-glass-width)}.c-atomix-glass__border-backdrop{-webkit-backdrop-filter:var(--_glass-backdrop);backdrop-filter:var(--_glass-backdrop);box-shadow:var(--atomix-glass-border-shadow);mix-blend-mode:overlay;z-index:var(--_glass-z-border-1)}.c-atomix-glass__border-1{background:var(--atomix-glass-border-gradient-1,none);mix-blend-mode:screen;opacity:var(--atomix-glass-border-1-opacity,var(--atomix-opacity-18,.18));z-index:var(--_glass-z-border-2)}.c-atomix-glass__border-2{background:var(--atomix-glass-border-gradient-2,none);mix-blend-mode:overlay;z-index:var(--_glass-z-border-3)}.c-atomix-glass__container{bottom:var(--atomix-glass-bottom);left:var(--atomix-glass-left);right:var(--atomix-glass-right);top:var(--atomix-glass-top);transform:var(--_glass-transform);transition:var(--_glass-transition);z-index:var(--_glass-z-container)}.c-atomix-glass__container,.c-atomix-glass__inner{border-radius:var(--_glass-radius);position:relative}.c-atomix-glass__inner{height:100%;width:100%}.c-atomix-glass__filter{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:var(--_glass-z-filter)}.c-atomix-glass__filter svg{border-radius:var(--_glass-radius)}.c-atomix-glass__filter-overlay{-webkit-backdrop-filter:var(--atomix-glass-container-backdrop,var(--_glass-backdrop));backdrop-filter:var(--atomix-glass-container-backdrop,var(--_glass-backdrop));inset:0}.c-atomix-glass__filter-overlay,.c-atomix-glass__filter-shadow{border-radius:var(--_glass-radius);pointer-events:none;position:absolute}.c-atomix-glass__filter-shadow{background:var(--atomix-glass-container-bg);box-shadow:var(--atomix-glass-container-shadow);inset:var(--atomix-glass-border-width);opacity:var(--atomix-glass-container-shadow-opacity)}.c-atomix-glass__content{border-radius:var(--_glass-radius);box-shadow:var(--atomix-glass-container-box-shadow);height:var(--atomix-glass-container-height);position:relative;text-shadow:var(--atomix-glass-container-text-shadow);width:var(--atomix-glass-container-width);z-index:var(--_glass-z-content)}.c-atomix-glass__background-layer{border-radius:var(--_glass-radius);bottom:var(--atomix-glass-bottom);height:var(--atomix-glass-height);left:var(--atomix-glass-left);pointer-events:none;position:var(--atomix-glass-position);right:var(--atomix-glass-right);top:var(--atomix-glass-top);transform:var(--_glass-transform);transition:var(--_glass-transition);width:var(--atomix-glass-width);z-index:var(--_glass-z-background)}.c-atomix-glass__background-layer--dark{background-color:var(--atomix-gray-9,#1f2937)}.c-atomix-glass__background-layer--black{background-color:var(--atomix-black,#000);mix-blend-mode:overlay}.c-atomix-glass__background-layer--dark.c-atomix-glass__background-layer--over-light{opacity:var(--atomix-glass-over-light-dark-opacity,var(--atomix-opacity-50,.5))}.c-atomix-glass__background-layer--black.c-atomix-glass__background-layer--over-light{opacity:var(--atomix-glass-over-light-black-opacity,var(--atomix-opacity-25,.25))}.c-atomix-glass__background-layer--hidden{opacity:var(--atomix-opacity-0,0)}.c-atomix-glass--reduced-motion{--atomix-glass-transition:none;--_glass-transition:none}.c-atomix-glass--reduced-motion *{transition:none!important}.c-atomix-glass--high-contrast{border:var(--atomix-spacing-0-5) solid;outline:var(--atomix-spacing-0-5) solid transparent;outline-offset:var(--atomix-spacing-0-5)}.c-atomix-glass--disabled-effects{--atomix-glass-transform:none;--atomix-glass-transition:none}.c-atomix-glass[role=button]:focus-visible,.c-atomix-glass[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.c-atomix-glass{--atomix-glass-transition:none}.c-atomix-glass *{transition:none!important}}@media (prefers-contrast:high){.c-atomix-glass{border-width:var(--atomix-spacing-0-5,.125rem)}}.c-badge{--atomix-tag-font-size:0.75rem;--atomix-tag-font-weight:400;--atomix-tag-color:var(--atomix-body-color);--atomix-tag-padding-x:0.625rem;--atomix-tag-padding-y:0.375rem;--atomix-tag-border-radius:50rem;--atomix-tag-bg-color:var(--atomix-body-bg);--atomix-tag-icon-size:1rem;--atomix-tag-inner-items-gap:0.375rem;align-items:center;background-color:var(--atomix-tag-bg-color);border-radius:var(--atomix-tag-border-radius);display:inline-flex;font-size:var(--atomix-tag-font-size);font-weight:var(--atomix-tag-font-weight);gap:var(--atomix-tag-inner-items-gap);line-height:1;padding:var(--atomix-tag-padding-y) var(--atomix-tag-padding-x);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-badge,.c-badge__icon{color:var(--atomix-tag-color)}.c-badge__icon{font-size:var(--atomix-tag-icon-size);fill:var(--atomix-tag-color)}.c-badge--sm{--atomix-tag-padding-y:0.25rem}.c-badge--lg{--atomix-tag-padding-y:0.5rem}.c-badge--glass{background-color:color-mix(in srgb,var(--atomix-tag-bg-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--atomix-tag-color) 50%,transparent)}.c-badge--primary{--atomix-tag-bg-color:var(--atomix-brand-bg-subtle);--atomix-tag-color:var(--atomix-brand-text-emphasis)}.c-badge--secondary{--atomix-tag-bg-color:var(--atomix-secondary-bg-subtle);--atomix-tag-color:var(--atomix-secondary-text-emphasis)}.c-badge--success{--atomix-tag-bg-color:var(--atomix-success-bg-subtle);--atomix-tag-color:var(--atomix-success-text-emphasis)}.c-badge--info{--atomix-tag-bg-color:var(--atomix-info-bg-subtle);--atomix-tag-color:var(--atomix-info-text-emphasis)}.c-badge--warning{--atomix-tag-bg-color:var(--atomix-warning-bg-subtle);--atomix-tag-color:var(--atomix-warning-text-emphasis)}.c-badge--error{--atomix-tag-bg-color:var(--atomix-error-bg-subtle);--atomix-tag-color:var(--atomix-error-text-emphasis)}.c-badge--light{--atomix-tag-bg-color:var(--atomix-light);--atomix-tag-color:var(--atomix-dark);border:1px solid var(--atomix-light)}.c-badge--dark{--atomix-tag-bg-color:var(--atomix-dark);--atomix-tag-color:var(--atomix-light);border:1px solid var(--atomix-dark)}.c-breadcrumb{--atomix-breadcrumb-font-size:0.875rem;--atomix-breadcrumb-link-padding-y:0.25rem;--atomix-breadcrumb-link-padding-x:0rem;--atomix-breadcrumb-link-border-width:0.5rem;--atomix-breadcrumb-items-gap:0.75rem;--atomix-breadcrumb-margin-bottom:1rem;--atomix-breadcrumb-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-hover-color:var(--atomix-body-color);--atomix-breadcrumb-active-color:var(--atomix-body-color);--atomix-breadcrumb-bg: ;--atomix-breadcrumb-divider-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-divider-active-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-divider-size:1rem;--atomix-breadcrumb-divider-gap:0.75rem;background-color:var(--atomix-breadcrumb-bg);list-style:none;margin-bottom:var(--atomix-breadcrumb-margin-bottom);padding-left:0}.c-breadcrumb,.c-breadcrumb__item{display:flex;gap:var(--atomix-breadcrumb-items-gap)}.c-breadcrumb__item{align-items:center}.c-breadcrumb__item+.c-breadcrumb__item:before{color:var(--atomix-breadcrumb-divider-color);content:"›";font-size:var(--atomix-breadcrumb-divider-size);margin-right:var(--atomix-breadcrumb-divider-gap)}.c-breadcrumb__item.is-active:before{color:var(--atomix-breadcrumb-divider-active-color)}.c-breadcrumb__item.is-active .c-breadcrumb__link{color:var(--atomix-breadcrumb-active-color);font-weight:500}.c-breadcrumb__link{align-items:center;border:var(--atomix-breadcrumb-link-border-width) solid transparent;color:var(--atomix-breadcrumb-color);display:flex;gap:calc(var(--atomix-breadcrumb-items-gap)/2);padding:var(--atomix-breadcrumb-link-padding-y) var(--atomix-breadcrumb-link-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-breadcrumb__link:focus-visible{border-color:var(--atomix-focus-border-color);outline:none}.c-breadcrumb__link:hover{color:var(--atomix-breadcrumb-hover-color)}.c-btn-group{--atomix-btn-group-gap:0.75rem;display:inline-flex;position:relative;vertical-align:middle}.c-btn-group .c-btn{flex:1 1 auto;position:relative}.c-btn-group .c-btn:not(:first-child):not(:last-child){border-radius:0}.c-btn-group .c-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.c-btn-group .c-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.c-btn-group .c-btn+.c-btn{margin-left:calc(var(--atomix-btn-border-width)*-1)}.c-btn{--atomix-btn-padding-x:1rem;--atomix-btn-padding-y:0.75rem;--atomix-btn-font-family:Roboto,sans-serif;--atomix-btn-font-size:1rem;--atomix-btn-font-weight:500;--atomix-btn-line-height:1.2;--atomix-btn-icon-size:1rem;--atomix-btn-color:var(--atomix-body-color);--atomix-btn-bg:transparent;--atomix-btn-border-width:1px;--atomix-btn-border-color:transparent;--atomix-btn-border-radius:0.75rem;--atomix-btn-hover-border-color:transparent;--atomix-btn-box-shadow:0 8px 16px rgba(0,0,0,.15);--atomix-btn-disabled-opacity:0.65;--atomix-btn-focus-box-shadow:0 0 0 2px rgba(var(--atomix-btn-focus-shadow-rgb),0.5);--atomix-btn-inner-gap:0.5rem;align-items:center;background-color:var(--atomix-btn-bg);border:var(--atomix-btn-border-width) solid var(--atomix-btn-border-color);border-radius:var(--atomix-btn-border-radius);color:var(--atomix-btn-color);cursor:pointer;display:inline-flex;font-family:var(--atomix-btn-font-family);font-size:var(--atomix-btn-font-size);font-weight:var(--atomix-btn-font-weight);gap:var(--atomix-btn-inner-gap);justify-content:center;line-height:var(--atomix-btn-line-height);padding:var(--atomix-btn-padding-y) var(--atomix-btn-padding-x);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1),transform .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.c-btn__icon{font-size:var(--atomix-btn-icon-size)}.c-btn:hover{background-color:var(--atomix-btn-hover-bg);border-color:var(--atomix-btn-hover-border-color);color:var(--atomix-btn-hover-color)}.c-btn--primary{--atomix-btn-color:var(--atomix-white,#fff);--atomix-btn-bg:var(--atomix-primary,#8b5cf6);--atomix-btn-border-color:var(--atomix-primary,#8b5cf6);--atomix-btn-hover-color:var(--atomix-white,#fff);--atomix-btn-hover-bg:var(
4
4
  --atomix-primary-hover,#692cf3
5
5
  );--atomix-btn-hover-border-color:var(
6
6
  --atomix-primary-hover,#743cf4