@ivds/core 0.1.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 (154) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/README.md +215 -0
  3. package/lib/all.css +6802 -0
  4. package/lib/all.min.css +1 -0
  5. package/lib/base/base.css +215 -0
  6. package/lib/base/base.min.css +1 -0
  7. package/lib/components/_breadcrumb-mixins.scss +173 -0
  8. package/lib/components/_button-mixin.scss +120 -0
  9. package/lib/components/_card-mixin.scss +196 -0
  10. package/lib/components/_checkbox-mixin.scss +208 -0
  11. package/lib/components/_footer-mixin.scss +385 -0
  12. package/lib/components/_header-mixin.scss +275 -0
  13. package/lib/components/_navigation-mixins.scss +270 -0
  14. package/lib/components/_notification-mixin.scss +239 -0
  15. package/lib/components/_pagination-mixins.scss +280 -0
  16. package/lib/components/_radio-button-mixin.scss +207 -0
  17. package/lib/components/_tag-mixin.scss +261 -0
  18. package/lib/components/_text-input-mixin.scss +203 -0
  19. package/lib/components/all.css +3005 -0
  20. package/lib/components/all.min.css +1 -0
  21. package/lib/components/breadcrumb/breadcrumb.css +141 -0
  22. package/lib/components/breadcrumb/breadcrumb.min.css +1 -0
  23. package/lib/components/button/button.css +221 -0
  24. package/lib/components/button/button.min.css +1 -0
  25. package/lib/components/card/card.css +236 -0
  26. package/lib/components/card/card.min.css +1 -0
  27. package/lib/components/checkbox/checkbox.css +305 -0
  28. package/lib/components/checkbox/checkbox.min.css +1 -0
  29. package/lib/components/footer/footer.css +466 -0
  30. package/lib/components/footer/footer.min.css +1 -0
  31. package/lib/components/header/header.css +274 -0
  32. package/lib/components/header/header.min.css +1 -0
  33. package/lib/components/navigation/navigation.css +214 -0
  34. package/lib/components/navigation/navigation.min.css +1 -0
  35. package/lib/components/notification/notification.css +253 -0
  36. package/lib/components/notification/notification.min.css +1 -0
  37. package/lib/components/pagination/pagination.css +221 -0
  38. package/lib/components/pagination/pagination.min.css +1 -0
  39. package/lib/components/radio-button/radio-button.css +326 -0
  40. package/lib/components/radio-button/radio-button.min.css +1 -0
  41. package/lib/components/tag/tag.css +367 -0
  42. package/lib/components/tag/tag.min.css +1 -0
  43. package/lib/components/text-input/text-input.css +243 -0
  44. package/lib/components/text-input/text-input.min.css +1 -0
  45. package/lib/icons/icon-arrow-left.css +139 -0
  46. package/lib/icons/icon-arrow-left.min.css +1 -0
  47. package/lib/icons/icon-arrow-right.css +139 -0
  48. package/lib/icons/icon-arrow-right.min.css +1 -0
  49. package/lib/icons/icon-check.css +139 -0
  50. package/lib/icons/icon-check.min.css +1 -0
  51. package/lib/icons/icon-close.css +140 -0
  52. package/lib/icons/icon-close.min.css +1 -0
  53. package/lib/icons/icon-error.css +140 -0
  54. package/lib/icons/icon-error.min.css +1 -0
  55. package/lib/icons/icon-info.css +140 -0
  56. package/lib/icons/icon-info.min.css +1 -0
  57. package/lib/icons/icon-success.css +139 -0
  58. package/lib/icons/icon-success.min.css +1 -0
  59. package/lib/icons/icon-warning.css +139 -0
  60. package/lib/icons/icon-warning.min.css +1 -0
  61. package/lib/icons/icons.css +1158 -0
  62. package/lib/icons/icons.min.css +1 -0
  63. package/lib/utils/_flex.scss +200 -0
  64. package/lib/utils/_grid.scss +211 -0
  65. package/lib/utils/_layout.scss +253 -0
  66. package/lib/utils/_spacing.scss +260 -0
  67. package/lib/utils/_typography.scss +111 -0
  68. package/lib/utils/utils.css +2434 -0
  69. package/lib/utils/utils.min.css +1 -0
  70. package/lib/utils-only.css +2801 -0
  71. package/lib/utils-only.min.css +1 -0
  72. package/lib/variables/variables.css +2 -0
  73. package/lib/variables/variables.min.css +0 -0
  74. package/package.json +194 -0
  75. package/src/__tests__/example.test.scss +12 -0
  76. package/src/accessibility.stories.js +416 -0
  77. package/src/all.scss +9 -0
  78. package/src/base/_layout.scss +97 -0
  79. package/src/base/_reset.scss +85 -0
  80. package/src/base/_typography.scss +105 -0
  81. package/src/base/base.scss +6 -0
  82. package/src/components/all.scss +22 -0
  83. package/src/components/breadcrumb/_breadcrumb-mixins.scss +173 -0
  84. package/src/components/breadcrumb/breadcrumb.scss +68 -0
  85. package/src/components/breadcrumb/breadcrumb.stories.js +483 -0
  86. package/src/components/button/__tests__/button-mixins.test.scss +35 -0
  87. package/src/components/button/_button-mixin.scss +120 -0
  88. package/src/components/button/button.scss +126 -0
  89. package/src/components/button/button.stories.js +364 -0
  90. package/src/components/card/__tests__/card-mixins.test.scss +36 -0
  91. package/src/components/card/_card-mixin.scss +196 -0
  92. package/src/components/card/card.scss +193 -0
  93. package/src/components/card/card.stories.js +635 -0
  94. package/src/components/checkbox/_checkbox-mixin.scss +208 -0
  95. package/src/components/checkbox/checkbox.scss +141 -0
  96. package/src/components/checkbox/checkbox.stories.js +303 -0
  97. package/src/components/footer/_footer-mixin.scss +385 -0
  98. package/src/components/footer/footer.scss +86 -0
  99. package/src/components/footer/footer.stories.js +740 -0
  100. package/src/components/header/_header-mixin.scss +275 -0
  101. package/src/components/header/header.scss +84 -0
  102. package/src/components/header/header.stories.js +450 -0
  103. package/src/components/navigation/_navigation-mixins.scss +270 -0
  104. package/src/components/navigation/navigation.scss +64 -0
  105. package/src/components/navigation/navigation.stories.js +410 -0
  106. package/src/components/notification/_notification-mixin.scss +239 -0
  107. package/src/components/notification/notification.scss +118 -0
  108. package/src/components/notification/notification.stories.js +378 -0
  109. package/src/components/overview.stories.js +473 -0
  110. package/src/components/pagination/_pagination-mixins.scss +280 -0
  111. package/src/components/pagination/pagination.scss +76 -0
  112. package/src/components/pagination/pagination.stories.js +729 -0
  113. package/src/components/radio-button/_radio-button-mixin.scss +207 -0
  114. package/src/components/radio-button/radio-button.scss +178 -0
  115. package/src/components/radio-button/radio-button.stories.js +379 -0
  116. package/src/components/tag/_tag-mixin.scss +261 -0
  117. package/src/components/tag/tag.scss +244 -0
  118. package/src/components/tag/tag.stories.js +482 -0
  119. package/src/components/text-input/_text-input-mixin.scss +203 -0
  120. package/src/components/text-input/text-input.scss +150 -0
  121. package/src/components/text-input/text-input.stories.js +723 -0
  122. package/src/icons/_icon.scss +121 -0
  123. package/src/icons/icon-arrow-left.scss +23 -0
  124. package/src/icons/icon-arrow-right.scss +23 -0
  125. package/src/icons/icon-check.scss +23 -0
  126. package/src/icons/icon-close.scss +24 -0
  127. package/src/icons/icon-error.scss +24 -0
  128. package/src/icons/icon-info.scss +24 -0
  129. package/src/icons/icon-success.scss +23 -0
  130. package/src/icons/icon-warning.scss +23 -0
  131. package/src/icons/icons.scss +12 -0
  132. package/src/icons/icons.stories.js +249 -0
  133. package/src/icons/svg/arrow-left.svg +3 -0
  134. package/src/icons/svg/arrow-right.svg +3 -0
  135. package/src/icons/svg/check.svg +3 -0
  136. package/src/icons/svg/close.svg +4 -0
  137. package/src/icons/svg/error.svg +5 -0
  138. package/src/icons/svg/info.svg +5 -0
  139. package/src/icons/svg/success.svg +4 -0
  140. package/src/icons/svg/warning.svg +5 -0
  141. package/src/utils/__tests__/utilities.test.scss +37 -0
  142. package/src/utils/_flex.scss +200 -0
  143. package/src/utils/_grid.scss +211 -0
  144. package/src/utils/_layout.scss +253 -0
  145. package/src/utils/_spacing.scss +260 -0
  146. package/src/utils/_typography.scss +111 -0
  147. package/src/utils/utils.scss +8 -0
  148. package/src/variables/_borders.scss +15 -0
  149. package/src/variables/_breakpoints.scss +11 -0
  150. package/src/variables/_colors.scss +97 -0
  151. package/src/variables/_shadows.scss +14 -0
  152. package/src/variables/_spacing.scss +24 -0
  153. package/src/variables/_typography.scss +47 -0
  154. package/src/variables/variables.scss +9 -0
@@ -0,0 +1 @@
1
+ @charset "UTF-8";@keyframes ivds-button-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.ivds-button{align-items:center;border:var(--borderWidth-1,1px) solid transparent;border-radius:var(--borderRadius-md,.375rem);cursor:pointer;display:inline-flex;font-family:var(--fontFamily-sans,system-ui,-apple-system,sans-serif);font-weight:var(--fontWeight-medium,500);justify-content:center;line-height:var(--lineHeight-tight,1.25);text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ivds-button:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-button:disabled,.ivds-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-button{font-size:var(--fontSize-base,1rem);gap:var(--spacing-2,.5rem);min-height:44px;padding:var(--spacing-3,.75rem) var(--spacing-6,1.5rem)}.ivds-button .ivds-button__icon,.ivds-button__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-button__icon svg{fill:currentcolor;height:1em;width:1em}.ivds-button__text{flex:1}.ivds-button--loading{color:transparent!important;position:relative}.ivds-button--loading:after{animation:ivds-button-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.ivds-button--full-width{justify-content:center;width:100%}.ivds-button--icon-only{height:44px;padding:0;width:44px}.ivds-button--icon-only .ivds-button__icon{margin:0}.ivds-button--icon-only.ivds-button--small{height:32px;padding:0;width:32px}.ivds-button--icon-only.ivds-button--small .ivds-button__icon{margin:0}.ivds-button--icon-only.ivds-button--large{height:56px;padding:0;width:56px}.ivds-button--icon-only.ivds-button--large .ivds-button__icon{margin:0}.ivds-button--primary{background-color:var(--color-brand-primary-500,#f97316);border-color:var(--color-brand-primary-500,#f97316);color:var(--color-semantic-neutral-50,#fafafa)}.ivds-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-brand-primary-600,#ea580c);border-color:var(--color-brand-primary-600,#ea580c)}.ivds-button--primary:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--secondary{background-color:transparent;border-color:var(--color-brand-primary-500,#f97316);color:var(--color-brand-primary-500,#f97316)}.ivds-button--secondary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-brand-primary-50,#fff7ed);border-color:var(--color-brand-primary-500,#f97316)}.ivds-button--secondary:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--tertiary{background-color:transparent;border-color:transparent;color:var(--color-brand-primary-500,#f97316)}.ivds-button--tertiary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-brand-primary-50,#fff7ed)}.ivds-button--tertiary:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--success{background-color:var(--color-semantic-success-500,#10b981);border-color:var(--color-semantic-success-500,#10b981);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--success:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-success-600,#059669);border-color:var(--color-semantic-success-600,#059669)}.ivds-button--success:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--warning{background-color:var(--color-semantic-warning-500,#f59e0b);border-color:var(--color-semantic-warning-500,#f59e0b);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--warning:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-warning-600,#d97706);border-color:var(--color-semantic-warning-600,#d97706)}.ivds-button--warning:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--danger{background-color:var(--color-semantic-error-500,#ef4444);border-color:var(--color-semantic-error-500,#ef4444);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--danger:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-error-600,#dc2626);border-color:var(--color-semantic-error-600,#dc2626)}.ivds-button--danger:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--info{background-color:var(--color-semantic-info-500,#3b82f6);border-color:var(--color-semantic-info-500,#3b82f6);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--info:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-info-600,#2563eb);border-color:var(--color-semantic-info-600,#2563eb)}.ivds-button--info:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--small{font-size:var(--fontSize-sm,.875rem);min-height:32px;padding:var(--spacing-2,.5rem) var(--spacing-4,1rem)}.ivds-button--large{font-size:var(--fontSize-lg,1.125rem);min-height:56px;padding:var(--spacing-4,1rem) var(--spacing-8,2rem)}.ivds-button-group{display:inline-flex}.ivds-button-group--vertical{flex-direction:column}.ivds-text-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2,.5rem);position:relative}.ivds-text-input{background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-900,#0f172a);display:block;font-family:var(--fontFamily-sans,system-ui,-apple-system,sans-serif);line-height:var(--lineHeight-normal,1.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ivds-text-input::-moz-placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-text-input::placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-text-input:focus{border-color:var(--color-brand-primary-500,#f97316);box-shadow:0 0 0 3px rgba(249,115,22,.1);outline:none}.ivds-text-input:disabled{background-color:var(--color-semantic-neutral-100,#f1f5f9);color:var(--color-semantic-neutral-500,#64748b);cursor:not-allowed;opacity:.6}.ivds-text-input{font-size:var(--fontSize-base,1rem);min-height:44px;padding:var(--spacing-3,.75rem) var(--spacing-3,.75rem)}.ivds-text-input__label{color:var(--color-semantic-neutral-700,#374151);display:block;font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);margin-bottom:var(--spacing-1,.25rem)}.ivds-text-input__label--required:after{color:var(--color-semantic-error-500,#ef4444);content:" *"}.ivds-text-input__helper{color:var(--color-semantic-neutral-600,#4b5563)}.ivds-text-input__error,.ivds-text-input__helper{font-size:var(--fontSize-sm,.875rem);margin-top:var(--spacing-1,.25rem)}.ivds-text-input__error{color:var(--color-semantic-error-600,#dc2626)}.ivds-text-input__error:before{content:"⚠ ";margin-right:var(--spacing-1,.25rem)}.ivds-text-input--small{font-size:var(--fontSize-sm,.875rem);min-height:32px;padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem)}.ivds-text-input--large{font-size:var(--fontSize-lg,1.125rem);min-height:56px;padding:var(--spacing-4,1rem) var(--spacing-4,1rem)}.ivds-text-input--error,.ivds-text-input--error:focus{border-color:var(--color-semantic-error-500,#ef4444)}.ivds-text-input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.ivds-text-input--success,.ivds-text-input--success:focus{border-color:var(--color-semantic-success-500,#10b981)}.ivds-text-input--success:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.ivds-text-input--warning,.ivds-text-input--warning:focus{border-color:var(--color-semantic-warning-500,#f59e0b)}.ivds-text-input--warning:focus{box-shadow:0 0 0 3px rgba(245,158,11,.1)}.ivds-text-input-wrapper--icon-left{position:relative}.ivds-text-input-wrapper--icon-left .ivds-text-input{padding-left:2.5rem}.ivds-text-input-wrapper--icon-left .ivds-text-input__icon{color:var(--color-semantic-neutral-500,#64748b);height:20px;left:var(--spacing-3,.75rem);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.ivds-text-input-wrapper--icon-left .ivds-text-input__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-text-input-wrapper--icon-right{position:relative}.ivds-text-input-wrapper--icon-right .ivds-text-input{padding-right:2.5rem}.ivds-text-input-wrapper--icon-right .ivds-text-input__icon{color:var(--color-semantic-neutral-500,#64748b);height:20px;pointer-events:none;position:absolute;right:var(--spacing-3,.75rem);top:50%;transform:translateY(-50%);width:20px}.ivds-text-input-wrapper--icon-right .ivds-text-input__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-text-input__icon{align-items:center;display:flex;justify-content:center}.ivds-text-input__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-text-input-group{align-items:stretch;display:flex}.ivds-text-input-group .ivds-text-input{border-radius:0;flex:1}.ivds-text-input-group .ivds-text-input:first-child{border-bottom-left-radius:var(--borderRadius-md,.375rem);border-top-left-radius:var(--borderRadius-md,.375rem)}.ivds-text-input-group .ivds-text-input:last-child{border-bottom-right-radius:var(--borderRadius-md,.375rem);border-top-right-radius:var(--borderRadius-md,.375rem)}.ivds-text-input-group .ivds-text-input:not(:first-child){border-left:0}.ivds-text-input-group .ivds-text-input__addon{align-items:center;background-color:var(--color-semantic-neutral-100,#f1f5f9);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);color:var(--color-semantic-neutral-600,#4b5563);display:flex;font-size:var(--fontSize-sm,.875rem);padding:var(--spacing-3,.75rem);white-space:nowrap}.ivds-text-input-group .ivds-text-input__addon:first-child{border-bottom-left-radius:var(--borderRadius-md,.375rem);border-right:0;border-top-left-radius:var(--borderRadius-md,.375rem)}.ivds-text-input-group .ivds-text-input__addon:last-child{border-bottom-right-radius:var(--borderRadius-md,.375rem);border-left:0;border-top-right-radius:var(--borderRadius-md,.375rem)}.ivds-text-input--filled{background-color:var(--color-semantic-neutral-100,#f5f5f5);border-color:transparent}.ivds-text-input--filled:focus{background-color:var(--color-semantic-neutral-50,#fafafa);border-color:var(--color-brand-primary-500,#f97316)}.ivds-text-input--filled:disabled{background-color:var(--color-semantic-neutral-200,#e5e5e5)}.ivds-text-input--borderless{background-color:transparent;border-color:transparent}.ivds-text-input--borderless:focus{background-color:var(--color-semantic-neutral-50,#fafafa);border-color:var(--color-brand-primary-500,#f97316)}.ivds-text-input--textarea{min-height:120px;resize:vertical}.ivds-text-input--textarea--no-resize{resize:none}.ivds-text-input--textarea--auto-resize{overflow:hidden;resize:none}.ivds-text-input--full-width{width:100%}.ivds-text-input[readonly]{background-color:var(--color-semantic-neutral-50,#f8fafc);cursor:default}.ivds-text-input[readonly]:focus{border-color:var(--color-semantic-neutral-300,#d4d4d4);box-shadow:none}.ivds-checkbox{align-items:flex-start;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ivds-checkbox:hover .ivds-checkbox__box{border-color:var(--color-brand-primary-400,#fb923c)}.ivds-checkbox__box{align-items:center;background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:var(--borderRadius-sm,.125rem);display:flex;height:18px;justify-content:center;min-width:18px;position:relative;transition:all .15s ease-in-out;width:18px}.ivds-checkbox__box:after{border:2px solid transparent;border-right:none;border-top:none;content:"";height:6px;position:absolute;transform:rotate(-45deg) scale(0);transition:transform .15s ease-in-out;width:10px}.ivds-checkbox__input{border:0;height:1px;margin:0;opacity:0;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);overflow:hidden}.ivds-checkbox__input:checked+.ivds-checkbox__box{background-color:var(--color-brand-primary-500,#f97316);border-color:var(--color-brand-primary-500,#f97316)}.ivds-checkbox__input:checked+.ivds-checkbox__box:after{border-color:var(--color-semantic-neutral-50,#f8fafc);transform:rotate(-45deg) scale(1)}.ivds-checkbox__input:focus+.ivds-checkbox__box{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-checkbox__input:indeterminate+.ivds-checkbox__box{background-color:var(--color-brand-primary-500,#f97316);border-color:var(--color-brand-primary-500,#f97316)}.ivds-checkbox__input:indeterminate+.ivds-checkbox__box:after{background-color:var(--color-semantic-neutral-50,#f8fafc);border:none;border-radius:1px;content:"";height:2px;transform:none;width:8px}.ivds-checkbox__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-base,1rem);line-height:var(--lineHeight-normal,1.5);margin-left:var(--spacing-3,.75rem)}.ivds-checkbox__description{color:var(--color-semantic-neutral-600,#4b5563);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin-left:calc(18px + var(--spacing-3, .75rem));margin-top:var(--spacing-1,.25rem)}.ivds-checkbox--disabled{cursor:not-allowed;opacity:.6}.ivds-checkbox--disabled .ivds-checkbox__box{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-color:var(--color-semantic-neutral-200,#e2e8f0);cursor:not-allowed}.ivds-checkbox--disabled .ivds-checkbox__label{color:var(--color-semantic-neutral-500,#64748b);cursor:not-allowed}.ivds-checkbox--error .ivds-checkbox__box{border-color:var(--color-semantic-error-500,#ef4444)}.ivds-checkbox--error:hover .ivds-checkbox__box{border-color:var(--color-semantic-error-600,#dc2626)}.ivds-checkbox--error .ivds-checkbox__input:checked+.ivds-checkbox__box{background-color:var(--color-semantic-error-500,#ef4444);border-color:var(--color-semantic-error-500,#ef4444)}.ivds-checkbox--error .ivds-checkbox__input:focus+.ivds-checkbox__box{outline-color:var(--color-semantic-error-500,#ef4444)}.ivds-checkbox--success .ivds-checkbox__box{border-color:var(--color-semantic-success-500,#10b981)}.ivds-checkbox--success:hover .ivds-checkbox__box{border-color:var(--color-semantic-success-600,#059669)}.ivds-checkbox--success .ivds-checkbox__input:checked+.ivds-checkbox__box{background-color:var(--color-semantic-success-500,#10b981);border-color:var(--color-semantic-success-500,#10b981)}.ivds-checkbox--success .ivds-checkbox__input:focus+.ivds-checkbox__box{outline-color:var(--color-semantic-success-500,#10b981)}.ivds-checkbox--small .ivds-checkbox__box{align-items:center;background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:var(--borderRadius-sm,.125rem);display:flex;height:14px;justify-content:center;min-width:14px;position:relative;transition:all .15s ease-in-out;width:14px}.ivds-checkbox--small .ivds-checkbox__box:after{border:2px solid transparent;border-right:none;border-top:none;content:"";height:6px;height:4px;position:absolute;transform:rotate(-45deg) scale(0);transition:transform .15s ease-in-out;width:10px;width:7px}.ivds-checkbox--small .ivds-checkbox__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-normal,1.5);margin-left:var(--spacing-2,.5rem)}.ivds-checkbox--large .ivds-checkbox__box{align-items:center;background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:var(--borderRadius-sm,.125rem);display:flex;height:22px;justify-content:center;min-width:22px;position:relative;transition:all .15s ease-in-out;width:22px}.ivds-checkbox--large .ivds-checkbox__box:after{border:2px solid transparent;border-right:none;border-top:none;content:"";height:6px;height:8px;position:absolute;transform:rotate(-45deg) scale(0);transition:transform .15s ease-in-out;width:10px;width:12px}.ivds-checkbox--large .ivds-checkbox__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-lg,1.125rem);line-height:var(--lineHeight-normal,1.5);margin-left:var(--spacing-4,1rem)}.ivds-checkbox-group,.ivds-checkbox-group--horizontal{display:flex;flex-direction:column;gap:var(--spacing-3,.75rem)}.ivds-checkbox-group--horizontal,.ivds-checkbox-group--horizontal--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-6,1.5rem)}.ivds-checkbox-group__label{color:var(--color-semantic-neutral-900,#0f172a);display:block;font-size:var(--fontSize-base,1rem);font-weight:var(--fontWeight-medium,500);margin-bottom:var(--spacing-3,.75rem)}.ivds-checkbox-group__label--required:after{color:var(--color-semantic-error-500,#ef4444);content:" *"}.ivds-checkbox-group__description{color:var(--color-semantic-neutral-600,#4b5563);font-size:var(--fontSize-sm,.875rem);margin-bottom:var(--spacing-3,.75rem)}.ivds-checkbox-group__error{color:var(--color-semantic-error-600,#dc2626);font-size:var(--fontSize-sm,.875rem);margin-top:var(--spacing-2,.5rem)}.ivds-checkbox-group__error:before{content:"⚠ ";margin-right:var(--spacing-1,.25rem)}.ivds-checkbox--card{background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);border-radius:var(--borderRadius-md,.375rem);padding:var(--spacing-4,1rem);transition:all .15s ease-in-out}.ivds-checkbox--card:hover{background-color:var(--color-brand-primary-50,#fff7ed);border-color:var(--color-brand-primary-300,#fdba74)}.ivds-checkbox__input:checked~.ivds-checkbox--card{background-color:var(--color-brand-primary-50,#fff7ed);border-color:var(--color-brand-primary-500,#f97316)}.ivds-checkbox__input:focus~.ivds-checkbox--card{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-radio-button{align-items:flex-start;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ivds-radio-button:hover .ivds-radio-button__circle{border-color:var(--color-brand-primary-400,#38bdf8)}.ivds-radio-button__circle{align-items:center;background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:50%;display:flex;height:18px;justify-content:center;min-width:18px;position:relative;transition:all .15s ease-in-out;width:18px}.ivds-radio-button__circle:after{background-color:transparent;border-radius:50%;content:"";height:9px;position:absolute;transform:scale(0);transition:transform .15s ease-in-out,background-color .15s ease-in-out;width:9px}.ivds-radio-button__input{border:0;height:1px;margin:0;opacity:0;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);overflow:hidden}.ivds-radio-button__input:checked+.ivds-radio-button__circle{background-color:var(--color-brand-primary-500,#0ea5e9);border-color:var(--color-brand-primary-500,#0ea5e9)}.ivds-radio-button__input:checked+.ivds-radio-button__circle:after{background-color:var(--color-semantic-neutral-50,#f8fafc);transform:scale(1)}.ivds-radio-button__input:focus+.ivds-radio-button__circle{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-radio-button__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-base,1rem);line-height:var(--lineHeight-normal,1.5);margin-left:var(--spacing-3,.75rem)}.ivds-radio-button__description{color:var(--color-semantic-neutral-600,#4b5563);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin-left:calc(18px + var(--spacing-3, .75rem));margin-top:var(--spacing-1,.25rem)}.ivds-radio-button--disabled{cursor:not-allowed;opacity:.6}.ivds-radio-button--disabled .ivds-radio-button__circle{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-color:var(--color-semantic-neutral-200,#e2e8f0);cursor:not-allowed}.ivds-radio-button--disabled .ivds-radio-button__label{color:var(--color-semantic-neutral-500,#64748b);cursor:not-allowed}.ivds-radio-button--error .ivds-radio-button__circle{border-color:var(--color-semantic-error-500,#ef4444)}.ivds-radio-button--error:hover .ivds-radio-button__circle{border-color:var(--color-semantic-error-600,#dc2626)}.ivds-radio-button--error .ivds-radio-button__input:checked+.ivds-radio-button__circle{background-color:var(--color-semantic-error-500,#ef4444);border-color:var(--color-semantic-error-500,#ef4444)}.ivds-radio-button--error .ivds-radio-button__input:focus+.ivds-radio-button__circle{outline-color:var(--color-semantic-error-500,#ef4444)}.ivds-radio-button--success .ivds-radio-button__circle{border-color:var(--color-semantic-success-500,#10b981)}.ivds-radio-button--success:hover .ivds-radio-button__circle{border-color:var(--color-semantic-success-600,#059669)}.ivds-radio-button--success .ivds-radio-button__input:checked+.ivds-radio-button__circle{background-color:var(--color-semantic-success-500,#10b981);border-color:var(--color-semantic-success-500,#10b981)}.ivds-radio-button--success .ivds-radio-button__input:focus+.ivds-radio-button__circle{outline-color:var(--color-semantic-success-500,#10b981)}.ivds-radio-button--small .ivds-radio-button__circle{align-items:center;background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:50%;display:flex;height:14px;justify-content:center;min-width:14px;position:relative;transition:all .15s ease-in-out;width:14px}.ivds-radio-button--small .ivds-radio-button__circle:after{background-color:transparent;border-radius:50%;content:"";height:7px;position:absolute;transform:scale(0);transition:transform .15s ease-in-out,background-color .15s ease-in-out;width:7px}.ivds-radio-button--small .ivds-radio-button__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-normal,1.5);margin-left:var(--spacing-2,.5rem)}.ivds-radio-button--large .ivds-radio-button__circle{align-items:center;background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:50%;display:flex;height:22px;justify-content:center;min-width:22px;position:relative;transition:all .15s ease-in-out;width:22px}.ivds-radio-button--large .ivds-radio-button__circle:after{background-color:transparent;border-radius:50%;content:"";height:11px;position:absolute;transform:scale(0);transition:transform .15s ease-in-out,background-color .15s ease-in-out;width:11px}.ivds-radio-button--large .ivds-radio-button__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-lg,1.125rem);line-height:var(--lineHeight-normal,1.5);margin-left:var(--spacing-4,1rem)}.ivds-radio-button-group,.ivds-radio-button-group--horizontal{display:flex;flex-direction:column;gap:var(--spacing-3,.75rem)}.ivds-radio-button-group--horizontal,.ivds-radio-button-group--horizontal--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-6,1.5rem)}.ivds-radio-button-group__label{color:var(--color-semantic-neutral-900,#0f172a);display:block;font-size:var(--fontSize-base,1rem);font-weight:var(--fontWeight-medium,500);margin-bottom:var(--spacing-3,.75rem)}.ivds-radio-button-group__label--required:after{color:var(--color-semantic-error-500,#ef4444);content:" *"}.ivds-radio-button-group__description{color:var(--color-semantic-neutral-600,#4b5563);font-size:var(--fontSize-sm,.875rem);margin-bottom:var(--spacing-3,.75rem)}.ivds-radio-button-group__error{color:var(--color-semantic-error-600,#dc2626);font-size:var(--fontSize-sm,.875rem);margin-top:var(--spacing-2,.5rem)}.ivds-radio-button-group__error:before{content:"⚠ ";margin-right:var(--spacing-1,.25rem)}.ivds-radio-button--card{background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);border-radius:var(--borderRadius-md,.375rem);padding:var(--spacing-4,1rem);transition:all .15s ease-in-out}.ivds-radio-button--card:hover{background-color:var(--color-brand-primary-50,#eff6ff);border-color:var(--color-brand-primary-300,#7dd3fc)}.ivds-radio-button__input:checked~.ivds-radio-button--card{background-color:var(--color-brand-primary-50,#eff6ff);border-color:var(--color-brand-primary-500,#0ea5e9)}.ivds-radio-button__input:focus~.ivds-radio-button--card{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-radio{align-items:center;cursor:pointer;display:inline-flex;position:relative}.ivds-radio__input{height:1px;opacity:0;position:absolute;width:1px}.ivds-radio__button{align-items:center;background-color:var(--color-semantic-neutral-25,#fcfcfd);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:50%;display:flex;height:1rem;justify-content:center;transition:all .2s ease-in-out;width:1rem}.ivds-radio__label{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-base,1rem);margin-left:var(--spacing-2,.5rem)}.ivds-radio__input:checked+.ivds-radio__button{border-color:var(--color-brand-primary-500,#0ea5e9)}.ivds-radio__input:checked+.ivds-radio__button:after{background-color:var(--color-brand-primary-500,#0ea5e9);border-radius:50%;content:"";height:.5rem;width:.5rem}.ivds-radio__input:focus+.ivds-radio__button{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-radio__input:disabled+.ivds-radio__button{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-color:var(--color-semantic-neutral-200,#e2e8f0);cursor:not-allowed}.ivds-card{background-color:var(--color-semantic-neutral-50,#fafafa);background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);border-radius:var(--borderRadius-xl,.75rem);box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));box-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out}.ivds-card__header{border-bottom:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);padding:var(--spacing-6,1.5rem)}.ivds-card__body{flex:1;padding:var(--spacing-6,1.5rem)}.ivds-card__footer{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);padding:var(--spacing-4,1rem) var(--spacing-6,1.5rem)}.ivds-card__media{overflow:hidden;position:relative}.ivds-card__media img,.ivds-card__media video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ivds-card__title{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-lg,1.125rem);font-weight:var(--fontWeight-semibold,600);line-height:var(--lineHeight-tight,1.25);margin:0 0 var(--spacing-2,.5rem) 0}.ivds-card__subtitle{color:var(--color-semantic-neutral-600,#4b5563);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-normal,1.5);margin:0 0 var(--spacing-3,.75rem) 0}.ivds-card__content{color:var(--color-semantic-neutral-700,#334155);line-height:var(--lineHeight-relaxed,1.625);margin:0}.ivds-card__actions{align-items:center;display:flex;gap:var(--spacing-3,.75rem);justify-content:flex-start;margin-top:var(--spacing-4,1rem)}.ivds-card__content-wrapper{display:flex;flex:1;flex-direction:column}.ivds-card__overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));bottom:0;color:var(--color-semantic-neutral-50,#f8fafc);display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:var(--spacing-6,1.5rem);position:absolute;right:0;top:0}.ivds-card__overlay .ivds-card__content,.ivds-card__overlay .ivds-card__subtitle,.ivds-card__overlay .ivds-card__title{color:inherit}.ivds-card--flat{border:var(--borderWidth-1,1px) solid transparent}.ivds-card--bordered,.ivds-card--flat{background-color:var(--color-semantic-neutral-50,#f8fafc);box-shadow:none}.ivds-card--bordered{border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1)}.ivds-card--elevated{border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06))}.ivds-card--elevated,.ivds-card--floating{background-color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-card--floating{border:var(--borderWidth-1,1px) solid transparent;box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05))}.ivds-card--interactive{cursor:pointer}.ivds-card--interactive:hover{box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05));transform:translateY(-2px)}.ivds-card--interactive:active{transform:translateY(0)}.ivds-card--interactive:focus{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-card--compact .ivds-card__header{border-bottom:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);padding:var(--spacing-4,1rem)}.ivds-card--compact .ivds-card__body{flex:1;padding:var(--spacing-4,1rem)}.ivds-card--compact .ivds-card__footer{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);padding:var(--spacing-3,.75rem) var(--spacing-4,1rem)}.ivds-card--spacious .ivds-card__header{border-bottom:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);padding:var(--spacing-8,2rem)}.ivds-card--spacious .ivds-card__body{flex:1;padding:var(--spacing-8,2rem)}.ivds-card--spacious .ivds-card__footer{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);padding:var(--spacing-6,1.5rem) var(--spacing-8,2rem)}.ivds-card--horizontal{flex-direction:row}.ivds-card--horizontal .ivds-card__media{flex-shrink:0;width:200px}.ivds-card--horizontal .ivds-card__content-wrapper{display:flex;flex:1;flex-direction:column}.ivds-card--overlay{position:relative}.ivds-card--overlay .ivds-card__overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));bottom:0;color:var(--color-semantic-neutral-50,#f8fafc);display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:var(--spacing-6,1.5rem);position:absolute;right:0;top:0}.ivds-card--overlay .ivds-card__overlay .ivds-card__content,.ivds-card--overlay .ivds-card__overlay .ivds-card__subtitle,.ivds-card--overlay .ivds-card__overlay .ivds-card__title{color:inherit}.ivds-card--success{background-color:var(--color-semantic-success-50,#ecfdf5);border:var(--borderWidth-1,1px) solid var(--color-semantic-success-200,#bbf7d0)}.ivds-card--success .ivds-card__title{color:var(--color-semantic-success-800,#166534)}.ivds-card--success .ivds-card__content{color:var(--color-semantic-success-700,#15803d)}.ivds-card--warning{background-color:var(--color-semantic-warning-50,#fffbeb);border:var(--borderWidth-1,1px) solid var(--color-semantic-warning-200,#fed7aa)}.ivds-card--warning .ivds-card__title{color:var(--color-semantic-warning-800,#92400e)}.ivds-card--warning .ivds-card__content{color:var(--color-semantic-warning-700,#b45309)}.ivds-card--error{background-color:var(--color-semantic-error-50,#fef2f2);border:var(--borderWidth-1,1px) solid var(--color-semantic-error-200,#fecaca)}.ivds-card--error .ivds-card__title{color:var(--color-semantic-error-800,#991b1b)}.ivds-card--error .ivds-card__content{color:var(--color-semantic-error-700,#b91c1c)}.ivds-card--info{background-color:var(--color-semantic-info-50,#eff6ff);border:var(--borderWidth-1,1px) solid var(--color-semantic-info-200,#bfdbfe)}.ivds-card--info .ivds-card__title{color:var(--color-semantic-info-800,#1e40af)}.ivds-card--info .ivds-card__content{color:var(--color-semantic-info-700,#1d4ed8)}@keyframes ivds-notification-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes ivds-notification-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes ivds-notification-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ivds-notification-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.ivds-notification{align-items:flex-start;border-left:var(--borderWidth-4,4px) solid;border-radius:var(--borderRadius-md,.375rem);box-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));display:flex;padding:var(--spacing-4,1rem);position:relative;transition:all .15s ease-in-out}.ivds-notification__icon{align-items:center;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;margin-right:var(--spacing-3,.75rem);margin-top:var(--spacing-1,.25rem);width:1.25rem}.ivds-notification__content{flex:1;min-width:0}.ivds-notification__title{font-size:var(--fontSize-base,1rem);font-weight:var(--fontWeight-medium,500);line-height:var(--lineHeight-tight,1.25);margin:0 0 var(--spacing-1,.25rem) 0}.ivds-notification__message{font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin:0}.ivds-notification__actions{align-items:center;display:flex;gap:var(--spacing-2,.5rem);margin-top:var(--spacing-3,.75rem)}.ivds-notification__dismiss{align-items:center;display:inline-flex;height:1.5rem;justify-content:center;width:1.5rem}.ivds-notification__dismiss svg{fill:currentcolor;height:1rem;width:1rem}.ivds-notification--success{background-color:var(--color-semantic-success-50,#f0fdf4);border-left-color:var(--color-semantic-success-500,#22c55e)}.ivds-notification--success .ivds-notification__title{color:var(--color-semantic-success-800,#166534)}.ivds-notification--success .ivds-notification__message{color:var(--color-semantic-success-700,#15803d)}.ivds-notification--success .ivds-notification__icon{color:var(--color-semantic-success-500,#22c55e)}.ivds-notification--warning{background-color:var(--color-semantic-warning-50,#fffbeb);border-left-color:var(--color-semantic-warning-500,#f59e0b)}.ivds-notification--warning .ivds-notification__title{color:var(--color-semantic-warning-800,#92400e)}.ivds-notification--warning .ivds-notification__message{color:var(--color-semantic-warning-700,#b45309)}.ivds-notification--warning .ivds-notification__icon{color:var(--color-semantic-warning-500,#f59e0b)}.ivds-notification--error{background-color:var(--color-semantic-error-50,#fef2f2);border-left-color:var(--color-semantic-error-500,#ef4444)}.ivds-notification--error .ivds-notification__title{color:var(--color-semantic-error-800,#991b1b)}.ivds-notification--error .ivds-notification__message{color:var(--color-semantic-error-700,#b91c1c)}.ivds-notification--error .ivds-notification__icon{color:var(--color-semantic-error-500,#ef4444)}.ivds-notification--info{background-color:var(--color-semantic-info-50,#eff6ff);border-left-color:var(--color-semantic-info-500,#3b82f6)}.ivds-notification--info .ivds-notification__title{color:var(--color-semantic-info-800,#1e40af)}.ivds-notification--info .ivds-notification__message{color:var(--color-semantic-info-700,#1d4ed8)}.ivds-notification--info .ivds-notification__icon{color:var(--color-semantic-info-500,#3b82f6)}.ivds-notification--dismissible{padding-right:var(--spacing-12,3rem)}.ivds-notification--dismissible .ivds-notification__dismiss{background:transparent;border:none;border-radius:var(--borderRadius-sm,.25rem);color:inherit;cursor:pointer;opacity:.7;padding:var(--spacing-1,.25rem);position:absolute;right:var(--spacing-3,.75rem);top:var(--spacing-3,.75rem);transition:opacity .15s ease-in-out,background-color .15s ease-in-out}.ivds-notification--dismissible .ivds-notification__dismiss:hover{background-color:rgba(0,0,0,.05);opacity:1}.ivds-notification--dismissible .ivds-notification__dismiss:focus{opacity:1;outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-notification--dismissible .ivds-notification__dismiss:active{transform:scale(.95)}.ivds-notification--compact{padding:var(--spacing-3,.75rem)}.ivds-notification--compact .ivds-notification__icon{height:1rem;margin-right:var(--spacing-2,.5rem);width:1rem}.ivds-notification--compact .ivds-notification__title{font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);line-height:var(--lineHeight-tight,1.25);margin:0 0 var(--spacing-1,.25rem) 0}.ivds-notification--compact .ivds-notification__message{font-size:var(--fontSize-xs,.75rem);line-height:var(--lineHeight-relaxed,1.625);margin:0}.ivds-notification--compact.ivds-notification--dismissible{padding-right:var(--spacing-10,2.5rem)}.ivds-notification--compact.ivds-notification--dismissible .ivds-notification__dismiss{right:var(--spacing-2,.5rem);top:var(--spacing-2,.5rem)}.ivds-notification--spacious{padding:var(--spacing-6,1.5rem)}.ivds-notification--spacious .ivds-notification__icon{height:1.5rem;margin-right:var(--spacing-4,1rem);width:1.5rem}.ivds-notification--spacious .ivds-notification__title{font-size:var(--fontSize-lg,1.125rem);font-weight:var(--fontWeight-semibold,600);line-height:var(--lineHeight-tight,1.25);margin:0 0 var(--spacing-1,.25rem) 0;margin-bottom:var(--spacing-2,.5rem)}.ivds-notification--spacious .ivds-notification__message{font-size:var(--fontSize-base,1rem);line-height:var(--lineHeight-relaxed,1.625);margin:0}.ivds-notification--spacious.ivds-notification--dismissible{padding-right:var(--spacing-14,3.5rem)}.ivds-notification--spacious.ivds-notification--dismissible .ivds-notification__dismiss{right:var(--spacing-4,1rem);top:var(--spacing-4,1rem)}.ivds-notification--with-actions .ivds-notification__content{padding-bottom:var(--spacing-1,.25rem)}.ivds-notification--slide-in{animation:ivds-notification-slide-in .3s ease-out}.ivds-notification--slide-out{animation:ivds-notification-slide-out .2s ease-in forwards}.ivds-notification--fade-in{animation:ivds-notification-fade-in .3s ease-out}.ivds-notification--fade-out{animation:ivds-notification-fade-out .2s ease-in forwards}.ivds-tag{align-items:center;border:var(--borderWidth-1,1px) solid transparent;border-radius:var(--borderRadius-md,.375rem);display:inline-flex;font-family:var(--fontFamily-sans,system-ui,-apple-system,sans-serif);font-weight:var(--fontWeight-medium,500);line-height:var(--lineHeight-tight,1.25);text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ivds-tag:focus-within{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-tag{font-size:var(--fontSize-sm,.875rem);gap:var(--spacing-2,.5rem);min-height:24px;padding:var(--spacing-1,.25rem) var(--spacing-3,.75rem)}.ivds-tag .ivds-tag__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-tag .ivds-tag__icon svg{fill:currentcolor;height:1em;width:1em}.ivds-tag{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-color:transparent;color:var(--color-semantic-neutral-700,#334155)}.ivds-tag:hover{background-color:var(--color-semantic-neutral-200,#e2e8f0)}.ivds-tag__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-tag__icon svg{fill:currentcolor;height:1em;width:1em}.ivds-tag__text{flex:1}.ivds-tag__remove{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-tag__remove svg{fill:currentcolor;height:.875em;width:.875em}.ivds-tag--primary{background-color:var(--color-brand-primary-100,#ffedd5);border-color:transparent;color:var(--color-brand-primary-700,#c2410c)}.ivds-tag--primary:hover{background-color:var(--color-brand-primary-200,#fed7aa)}.ivds-tag--success{background-color:var(--color-semantic-success-100,#dcfce7);border-color:transparent;color:var(--color-semantic-success-700,#15803d)}.ivds-tag--success:hover{background-color:var(--color-semantic-success-200,#bbf7d0)}.ivds-tag--warning{background-color:var(--color-semantic-warning-100,#fef3c7);border-color:transparent;color:var(--color-semantic-warning-700,#b45309)}.ivds-tag--warning:hover{background-color:var(--color-semantic-warning-200,#fed7aa)}.ivds-tag--error{background-color:var(--color-semantic-error-100,#fee2e2);border-color:transparent;color:var(--color-semantic-error-700,#b91c1c)}.ivds-tag--error:hover{background-color:var(--color-semantic-error-200,#fecaca)}.ivds-tag--info{background-color:var(--color-semantic-info-100,#dbeafe);border-color:transparent;color:var(--color-semantic-info-700,#1d4ed8)}.ivds-tag--info:hover{background-color:var(--color-semantic-info-200,#bfdbfe)}.ivds-tag--outlined.ivds-tag{background-color:transparent;border-color:var(--color-semantic-neutral-300,#cbd5e1);color:var(--color-semantic-neutral-700,#334155)}.ivds-tag--outlined.ivds-tag:hover{background-color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--outlined.ivds-tag--primary{background-color:transparent;border-color:var(--color-brand-primary-300,#fdba74);color:var(--color-brand-primary-700,#c2410c)}.ivds-tag--outlined.ivds-tag--primary:hover{background-color:var(--color-brand-primary-50,#fff7ed)}.ivds-tag--outlined.ivds-tag--success{background-color:transparent;border-color:var(--color-semantic-success-300,#86efac);color:var(--color-semantic-success-700,#15803d)}.ivds-tag--outlined.ivds-tag--success:hover{background-color:var(--color-semantic-success-50,#f0fdf4)}.ivds-tag--outlined.ivds-tag--warning{background-color:transparent;border-color:var(--color-semantic-warning-300,#fcd34d);color:var(--color-semantic-warning-700,#b45309)}.ivds-tag--outlined.ivds-tag--warning:hover{background-color:var(--color-semantic-warning-50,#fffbeb)}.ivds-tag--outlined.ivds-tag--error{background-color:transparent;border-color:var(--color-semantic-error-300,#fca5a5);color:var(--color-semantic-error-700,#b91c1c)}.ivds-tag--outlined.ivds-tag--error:hover{background-color:var(--color-semantic-error-50,#fef2f2)}.ivds-tag--outlined.ivds-tag--info{background-color:transparent;border-color:var(--color-semantic-info-300,#93c5fd);color:var(--color-semantic-info-700,#1d4ed8)}.ivds-tag--outlined.ivds-tag--info:hover{background-color:var(--color-semantic-info-50,#eff6ff)}.ivds-tag--solid.ivds-tag{background-color:var(--color-semantic-neutral-600,#475569);border-color:var(--color-semantic-neutral-600,#475569);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag:hover{background-color:var(--color-semantic-neutral-700,#334155);border-color:var(--color-semantic-neutral-700,#334155)}.ivds-tag--solid.ivds-tag--primary{background-color:var(--color-brand-primary-600,#ea580c);border-color:var(--color-brand-primary-600,#ea580c);color:var(--color-semantic-neutral-50,#fafafa)}.ivds-tag--solid.ivds-tag--primary:hover{background-color:var(--color-brand-primary-700,#c2410c);border-color:var(--color-brand-primary-700,#c2410c)}.ivds-tag--solid.ivds-tag--success{background-color:var(--color-semantic-success-600,#16a34a);border-color:var(--color-semantic-success-600,#16a34a);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--success:hover{background-color:var(--color-semantic-success-700,#15803d);border-color:var(--color-semantic-success-700,#15803d)}.ivds-tag--solid.ivds-tag--warning{background-color:var(--color-semantic-warning-600,#d97706);border-color:var(--color-semantic-warning-600,#d97706);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--warning:hover{background-color:var(--color-semantic-warning-700,#b45309);border-color:var(--color-semantic-warning-700,#b45309)}.ivds-tag--solid.ivds-tag--error{background-color:var(--color-semantic-error-600,#dc2626);border-color:var(--color-semantic-error-600,#dc2626);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--error:hover{background-color:var(--color-semantic-error-700,#b91c1c);border-color:var(--color-semantic-error-700,#b91c1c)}.ivds-tag--solid.ivds-tag--info{background-color:var(--color-semantic-info-600,#2563eb);border-color:var(--color-semantic-info-600,#2563eb);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--info:hover{background-color:var(--color-semantic-info-700,#1d4ed8);border-color:var(--color-semantic-info-700,#1d4ed8)}.ivds-tag--small{font-size:var(--fontSize-xs,.75rem);min-height:20px;padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.ivds-tag--small .ivds-tag__icon svg{height:.875em;width:.875em}.ivds-tag--small.ivds-tag--removable .ivds-tag__remove{margin-left:var(--spacing-1,.25rem);padding:2px}.ivds-tag--small.ivds-tag--removable .ivds-tag__remove svg{height:.75em;width:.75em}.ivds-tag--large{font-size:var(--fontSize-base,1rem);min-height:32px;padding:var(--spacing-2,.5rem) var(--spacing-4,1rem)}.ivds-tag--large .ivds-tag__icon svg{height:1.125em;width:1.125em}.ivds-tag--large.ivds-tag--removable .ivds-tag__remove{margin-left:var(--spacing-3,.75rem);padding:var(--spacing-1,.25rem)}.ivds-tag--large.ivds-tag--removable .ivds-tag__remove svg{height:1em;width:1em}.ivds-tag--removable{padding-right:var(--spacing-1,.25rem)}.ivds-tag--removable .ivds-tag__remove{align-items:center;background:transparent;border:none;border-radius:var(--borderRadius-sm,.25rem);color:inherit;cursor:pointer;display:inline-flex;justify-content:center;margin-left:var(--spacing-2,.5rem);opacity:.7;padding:var(--spacing-1,.25rem);transition:opacity .15s ease-in-out,background-color .15s ease-in-out}.ivds-tag--removable .ivds-tag__remove:hover{background-color:rgba(0,0,0,.1);opacity:1}.ivds-tag--removable .ivds-tag__remove:focus{opacity:1;outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:1px}.ivds-tag--removable .ivds-tag__remove:active{transform:scale(.95)}.ivds-tag--removable .ivds-tag__remove svg{fill:currentcolor;height:.875em;width:.875em}.ivds-tag--link{cursor:pointer}.ivds-tag--link,.ivds-tag--link:hover{text-decoration:none}.ivds-tag--link:focus{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-tag--link:active{transform:translateY(1px)}.ivds-tag--interactive{cursor:pointer}.ivds-tag--interactive:hover{box-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));transform:translateY(-1px)}.ivds-tag--interactive:active{transform:translateY(0)}.ivds-tag--new{position:relative}.ivds-tag--new:after{background-color:var(--color-semantic-success-500,#22c55e);border:1px solid var(--color-semantic-neutral-50,#f8fafc);border-radius:50%;content:"";height:6px;position:absolute;right:-2px;top:-2px;width:6px}.ivds-tag--updated{position:relative}.ivds-tag--updated:after{background-color:var(--color-semantic-info-500,#3b82f6);border:1px solid var(--color-semantic-neutral-50,#f8fafc);border-radius:50%;content:"";height:6px;position:absolute;right:-2px;top:-2px;width:6px}.ivds-tag--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-tag-group{gap:var(--spacing-2,.5rem)}.ivds-tag-group,.ivds-tag-group--compact{align-items:center;display:flex;flex-wrap:wrap}.ivds-tag-group--compact{gap:var(--spacing-1,.25rem)}.ivds-tag-group--spacious{gap:var(--spacing-3,.75rem)}.ivds-breadcrumb,.ivds-tag-group--spacious{align-items:center;display:flex;flex-wrap:wrap}.ivds-breadcrumb{--separator-content:"/";--separator-spacing:var(--spacing-2,0.5rem);--link-color:var(--color-brand-primary-500,#f97316);--link-color-hover:var(--color-brand-primary-600,#ea580c);--current-color:var(--color-semantic-neutral-700,#404040);--separator-color:var(--color-semantic-neutral-500,#737373);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-normal,1.5)}.ivds-breadcrumb__list{flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}.ivds-breadcrumb__item,.ivds-breadcrumb__list{align-items:center;display:flex}.ivds-breadcrumb__item:not(:last-child):after{color:var(--separator-color);content:var(--separator-content);font-weight:var(--fontWeight-normal,400);margin:0 var(--separator-spacing);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ivds-breadcrumb__link{border-radius:var(--borderRadius-md,.375rem);color:var(--link-color);margin:calc(var(--spacing-1, .25rem)*-1) calc(var(--spacing-2, .5rem)*-1);padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem);text-decoration:none;transition:all .15s ease-in-out}.ivds-breadcrumb__link:hover{background-color:var(--color-brand-primary-50,#fff7ed);color:var(--link-color-hover);text-decoration:underline}.ivds-breadcrumb__link:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px;text-decoration:none}.ivds-breadcrumb__link:active{background-color:var(--color-brand-primary-100,#ffedd5)}.ivds-breadcrumb__current{color:var(--current-color);font-weight:var(--fontWeight-medium,500);margin:calc(var(--spacing-1, .25rem)*-1) calc(var(--spacing-2, .5rem)*-1);padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.ivds-breadcrumb--small{--separator-spacing:var(--spacing-1,0.25rem);font-size:var(--fontSize-xs,.75rem)}.ivds-breadcrumb--large{--separator-spacing:var(--spacing-3,0.75rem);font-size:var(--fontSize-base,1rem)}.ivds-breadcrumb--separator-arrow{--separator-content:"→"}.ivds-breadcrumb--separator-chevron{--separator-content:"›"}.ivds-breadcrumb--separator-bullet{--separator-content:"•"}.ivds-breadcrumb--theme-dark{--link-color:var(--color-brand-primary-400,#fb923c);--link-color-hover:var(--color-brand-primary-300,#fdba74);--current-color:var(--color-semantic-neutral-200,#e5e5e5);--separator-color:var(--color-semantic-neutral-400,#a3a3a3)}.ivds-breadcrumb--theme-muted{--link-color:var(--color-semantic-neutral-600,#525252);--link-color-hover:var(--color-semantic-neutral-700,#404040);--current-color:var(--color-semantic-neutral-800,#262626);--separator-color:var(--color-semantic-neutral-400,#a3a3a3)}.ivds-breadcrumb--with-icons .ivds-breadcrumb__current,.ivds-breadcrumb--with-icons .ivds-breadcrumb__link{align-items:center;display:flex;gap:var(--spacing-1,.25rem)}.ivds-breadcrumb--with-icons .ivds-breadcrumb__icon{flex-shrink:0;height:1em;width:1em}@media (max-width:640px){.ivds-breadcrumb--responsive .ivds-breadcrumb__list{flex-wrap:wrap}.ivds-breadcrumb--responsive .ivds-breadcrumb__item:nth-last-child(2):after{color:var(--separator-color);content:"...";margin:0 var(--separator-spacing)}.ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child,:nth-last-child(2)),.ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child,:nth-last-child(2)):after{display:none}}.ivds-breadcrumb--truncate .ivds-breadcrumb__current,.ivds-breadcrumb--truncate .ivds-breadcrumb__link{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivds-navigation{--nav-link-color:var(--color-semantic-neutral-700,#404040);--nav-link-color-hover:var(--color-brand-primary-600,#ea580c);--nav-link-color-active:var(--color-brand-primary-600,#ea580c);--nav-link-bg-hover:var(--color-brand-primary-50,#fff7ed);--nav-link-bg-active:var(--color-brand-primary-100,#ffedd5);--nav-spacing-x:var(--spacing-4,1rem);--nav-spacing-y:var(--spacing-3,0.75rem);align-items:center;display:flex}.ivds-navigation__list{display:flex;gap:0;list-style:none;margin:0;padding:0}.ivds-navigation__item{align-items:center;display:flex;position:relative}.ivds-navigation__link{align-items:center;border-radius:var(--borderRadius-md,.375rem);color:var(--nav-link-color);display:flex;font-size:var(--fontSize-base,1rem);font-weight:var(--fontWeight-medium,500);line-height:var(--lineHeight-tight,1.25);padding:var(--nav-spacing-y) var(--nav-spacing-x);text-decoration:none;transition:all .15s ease-in-out;white-space:nowrap}.ivds-navigation__link:hover{background-color:var(--nav-link-bg-hover);color:var(--nav-link-color-hover)}.ivds-navigation__link:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px;text-decoration:none}.ivds-navigation__link--active,.ivds-navigation__link:active{background-color:var(--nav-link-bg-active)}.ivds-navigation__link--active{color:var(--nav-link-color-active);font-weight:var(--fontWeight-semibold,600)}.ivds-navigation__link--active:after{background-color:var(--color-brand-primary-500,#f97316);border-radius:var(--borderRadius-full,9999px);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.ivds-navigation--horizontal .ivds-navigation__list{align-items:center;flex-direction:row}.ivds-navigation--horizontal .ivds-navigation__link--active:after{bottom:-2px;height:2px;left:50%;transform:translateX(-50%);width:80%}.ivds-navigation--vertical,.ivds-navigation--vertical .ivds-navigation__list{align-items:stretch;flex-direction:column}.ivds-navigation--vertical .ivds-navigation__item{width:100%}.ivds-navigation--vertical .ivds-navigation__link{justify-content:flex-start;width:100%}.ivds-navigation--vertical .ivds-navigation__link--active:after{height:80%;left:-2px;top:50%;transform:translateY(-50%);width:2px}.ivds-navigation--compact{--nav-spacing-x:var(--spacing-3,0.75rem);--nav-spacing-y:var(--spacing-2,0.5rem)}.ivds-navigation--compact .ivds-navigation__link{font-size:var(--fontSize-sm,.875rem)}.ivds-navigation--spacious{--nav-spacing-x:var(--spacing-6,1.5rem);--nav-spacing-y:var(--spacing-4,1rem)}.ivds-navigation--spacious .ivds-navigation__link{font-size:var(--fontSize-lg,1.125rem)}.ivds-navigation--theme-dark{--nav-link-color:var(--color-semantic-neutral-200,#e5e5e5);--nav-link-color-hover:var(--color-brand-primary-300,#fdba74);--nav-link-color-active:var(--color-brand-primary-400,#fb923c);--nav-link-bg-hover:rgba(249,115,22,.1);--nav-link-bg-active:rgba(249,115,22,.2)}.ivds-navigation--theme-minimal{--nav-link-bg-hover:transparent;--nav-link-bg-active:transparent}.ivds-navigation--theme-minimal .ivds-navigation__link:hover{text-decoration:underline}.ivds-navigation--theme-minimal .ivds-navigation__link--active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.ivds-navigation--theme-minimal .ivds-navigation__link--active:after{display:none}.ivds-navigation--with-icons .ivds-navigation__link{gap:var(--spacing-2,.5rem)}.ivds-navigation--with-icons .ivds-navigation__icon{flex-shrink:0;height:1.25rem;width:1.25rem}.ivds-navigation--with-icons .ivds-navigation__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-navigation--with-dropdown .ivds-navigation__dropdown{background-color:var(--color-semantic-neutral-50,#fafafa);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e5e5e5);border-radius:var(--borderRadius-md,.375rem);box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1));left:0;min-width:200px;opacity:0;position:absolute;top:100%;transform:translateY(-8px);transition:all .15s ease-in-out;visibility:hidden;z-index:50}.ivds-navigation--with-dropdown .ivds-navigation__dropdown .ivds-navigation__list{flex-direction:column;padding:var(--spacing-2,.5rem)}.ivds-navigation--with-dropdown .ivds-navigation__dropdown .ivds-navigation__link{justify-content:flex-start;width:100%}.ivds-navigation--with-dropdown .ivds-navigation__dropdown .ivds-navigation__link--active:after{display:none}.ivds-navigation--with-dropdown .ivds-navigation__item--has-dropdown{position:relative}.ivds-navigation--with-dropdown .ivds-navigation__item--has-dropdown:hover .ivds-navigation__dropdown{opacity:1;transform:translateY(0);visibility:visible}.ivds-navigation--breadcrumb .ivds-navigation__list{flex-wrap:wrap}.ivds-navigation--breadcrumb .ivds-navigation__item:not(:last-child):after{color:var(--color-semantic-neutral-500,#737373);content:"/";font-weight:var(--fontWeight-normal,400);margin:0 var(--spacing-2,.5rem)}.ivds-navigation--breadcrumb .ivds-navigation__link{padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.ivds-navigation--breadcrumb .ivds-navigation__link--active{background-color:transparent;cursor:default;font-weight:var(--fontWeight-medium,500)}.ivds-navigation--breadcrumb .ivds-navigation__link--active:after{display:none}.ivds-pagination{--pagination-item-size:2.5rem;--pagination-item-size-small:2rem;--pagination-item-size-large:3rem;--pagination-gap:var(--spacing-1,0.25rem);--pagination-color:var(--color-semantic-neutral-700,#404040);--pagination-color-hover:var(--color-brand-primary-600,#ea580c);--pagination-color-active:var(--color-semantic-neutral-50,#fafafa);--pagination-bg-hover:var(--color-brand-primary-50,#fff7ed);--pagination-bg-active:var(--color-brand-primary-500,#f97316);--pagination-border-color:var(--color-semantic-neutral-300,#d4d4d4);--pagination-border-color-hover:var(--color-brand-primary-500,#f97316);--pagination-border-color-active:var(--color-brand-primary-500,#f97316);align-items:center;display:flex;justify-content:center}.ivds-pagination__list{align-items:center;display:flex;gap:var(--pagination-gap);list-style:none;margin:0;padding:0}.ivds-pagination__item{display:flex}.ivds-pagination__link{align-items:center;border:var(--borderWidth-1,1px) solid var(--pagination-border-color);border-radius:var(--borderRadius-md,.375rem);color:var(--pagination-color);display:flex;font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);height:var(--pagination-item-size);justify-content:center;line-height:var(--lineHeight-tight,1.25);min-width:var(--pagination-item-size);padding:var(--spacing-2,.5rem);text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ivds-pagination__link:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px;text-decoration:none}.ivds-pagination__link:hover:not(.ivds-pagination__link--disabled){background-color:var(--pagination-bg-hover);border-color:var(--pagination-border-color-hover);color:var(--pagination-color-hover)}.ivds-pagination__link:active:not(.ivds-pagination__link--disabled){transform:translateY(1px)}.ivds-pagination__link--active{background-color:var(--pagination-bg-active);border-color:var(--pagination-border-color-active);color:var(--pagination-color-active);font-weight:var(--fontWeight-semibold,600)}.ivds-pagination__link--active:hover{background-color:var(--color-brand-primary-600,#ea580c);border-color:var(--color-brand-primary-600,#ea580c);color:var(--pagination-color-active)}.ivds-pagination__link--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-pagination__link--disabled:hover{background-color:transparent;border-color:var(--pagination-border-color);color:var(--pagination-color)}.ivds-pagination__ellipsis{align-items:center;color:var(--color-semantic-neutral-500,#737373);display:flex;font-weight:var(--fontWeight-medium,500);height:var(--pagination-item-size);justify-content:center;min-width:var(--pagination-item-size);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ivds-pagination--small{--pagination-item-size:var(--pagination-item-size-small)}.ivds-pagination--small .ivds-pagination__link{font-size:var(--fontSize-xs,.75rem);padding:var(--spacing-1,.25rem)}.ivds-pagination--large{--pagination-item-size:var(--pagination-item-size-large)}.ivds-pagination--large .ivds-pagination__link{font-size:var(--fontSize-base,1rem);padding:var(--spacing-3,.75rem)}.ivds-pagination--compact{--pagination-gap:0}.ivds-pagination--compact .ivds-pagination__link{border-radius:0;border-right-width:0}.ivds-pagination--compact .ivds-pagination__link:first-child{border-bottom-left-radius:var(--borderRadius-md,.375rem);border-top-left-radius:var(--borderRadius-md,.375rem)}.ivds-pagination--compact .ivds-pagination__link:last-child{border-bottom-right-radius:var(--borderRadius-md,.375rem);border-right-width:var(--borderWidth-1,1px);border-top-right-radius:var(--borderRadius-md,.375rem)}.ivds-pagination--rounded .ivds-pagination__link{border-radius:var(--borderRadius-full,9999px)}.ivds-pagination--theme-minimal{--pagination-border-color:transparent;--pagination-border-color-hover:transparent;--pagination-border-color-active:transparent;--pagination-bg-hover:var(--color-semantic-neutral-100,#f5f5f5)}.ivds-pagination--theme-minimal .ivds-pagination__link:hover:not(.ivds-pagination__link--disabled){text-decoration:underline}.ivds-pagination--theme-minimal .ivds-pagination__link--active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.ivds-pagination--theme-dark{--pagination-color:var(--color-semantic-neutral-200,#e5e5e5);--pagination-color-hover:var(--color-brand-primary-300,#fdba74);--pagination-color-active:var(--color-semantic-neutral-900,#171717);--pagination-bg-hover:rgba(249,115,22,.1);--pagination-bg-active:var(--color-brand-primary-400,#fb923c);--pagination-border-color:var(--color-semantic-neutral-600,#525252);--pagination-border-color-hover:var(--color-brand-primary-400,#fb923c);--pagination-border-color-active:var(--color-brand-primary-400,#fb923c)}.ivds-pagination--with-icons .ivds-pagination__link--next,.ivds-pagination--with-icons .ivds-pagination__link--prev{align-items:center;display:flex;gap:var(--spacing-2,.5rem);padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem)}.ivds-pagination--with-icons .ivds-pagination__link--next .ivds-pagination__icon,.ivds-pagination--with-icons .ivds-pagination__link--prev .ivds-pagination__icon{flex-shrink:0;height:1rem;width:1rem}.ivds-pagination--with-icons .ivds-pagination__link--next .ivds-pagination__icon svg,.ivds-pagination--with-icons .ivds-pagination__link--prev .ivds-pagination__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-pagination--with-info .ivds-pagination__info{color:var(--color-semantic-neutral-600,#525252);font-size:var(--fontSize-sm,.875rem);margin:0 var(--spacing-4,1rem);white-space:nowrap}.ivds-pagination--with-jumper .ivds-pagination__jumper{align-items:center;color:var(--color-semantic-neutral-600,#525252);display:flex;font-size:var(--fontSize-sm,.875rem);gap:var(--spacing-2,.5rem);margin-left:var(--spacing-4,1rem)}.ivds-pagination--with-jumper .ivds-pagination__jumper input{border:var(--borderWidth-1,1px) solid var(--pagination-border-color);border-radius:var(--borderRadius-sm,.25rem);font-size:inherit;padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem);text-align:center;width:3rem}.ivds-pagination--with-jumper .ivds-pagination__jumper input:focus{border-color:var(--color-brand-primary-500,#f97316);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:640px){.ivds-pagination--responsive .ivds-pagination__info,.ivds-pagination--responsive .ivds-pagination__item--ellipsis,.ivds-pagination--responsive .ivds-pagination__item:not(:first-child,:last-child,.ivds-pagination__item--active),.ivds-pagination--responsive .ivds-pagination__jumper{display:none}}.ivds-header{align-items:center;background-color:var(--color-semantic-neutral-25,#fcfcfd);border-bottom:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);display:flex;gap:var(--spacing-6,1.5rem);justify-content:space-between;min-height:64px;padding:var(--spacing-4,1rem) var(--spacing-6,1.5rem);position:relative;z-index:10}@media (max-width:768px){.ivds-header{flex-wrap:wrap;min-height:56px;padding:var(--spacing-3,.75rem) var(--spacing-4,1rem)}}.ivds-header__brand{align-items:center;display:flex;flex-shrink:0}.ivds-header__brand-logo{height:2rem;margin-right:var(--spacing-3,.75rem);width:auto}@media (max-width:768px){.ivds-header__brand-logo{height:1.75rem;margin-right:var(--spacing-2,.5rem)}}.ivds-header__brand-text{color:var(--color-semantic-neutral-900,#0f172a);font-size:var(--fontSize-lg,1.125rem);font-weight:var(--fontWeight-bold,700);line-height:var(--lineHeight-tight,1.25);text-decoration:none}.ivds-header__brand-text:hover{color:var(--color-brand-primary-600,#ea580c)}.ivds-header__brand-text:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:768px){.ivds-header__brand-text{font-size:var(--fontSize-base,1rem)}}.ivds-header__nav{align-items:center;display:flex;flex:1;gap:var(--spacing-6,1.5rem);justify-content:center}@media (max-width:768px){.ivds-header__nav{display:none}.ivds-header__nav--mobile-visible{border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);display:flex;flex-basis:100%;gap:var(--spacing-4,1rem);justify-content:flex-start;margin-top:var(--spacing-3,.75rem);order:3;padding-top:var(--spacing-3,.75rem)}}.ivds-header__nav a{border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-700,#374151);font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem);text-decoration:none;transition:all .15s ease-in-out}.ivds-header__nav a:hover{background-color:var(--color-brand-primary-50,#fff7ed);color:var(--color-brand-primary-600,#ea580c)}.ivds-header__nav a:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-header__nav a[aria-current=page]{background-color:var(--color-brand-primary-100,#fed7aa);color:var(--color-brand-primary-600,#ea580c);font-weight:var(--fontWeight-semibold,600)}.ivds-header__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3,.75rem)}@media (max-width:768px){.ivds-header__actions{gap:var(--spacing-2,.5rem)}}.ivds-header__mobile-toggle{background:none;border:none;border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-700,#374151);cursor:pointer;display:none;padding:var(--spacing-2,.5rem)}.ivds-header__mobile-toggle:hover{background-color:var(--color-semantic-neutral-100,#f3f4f6)}.ivds-header__mobile-toggle:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:768px){.ivds-header__mobile-toggle{align-items:center;display:flex;justify-content:center}}.ivds-header__mobile-toggle svg{height:1.25rem;width:1.25rem}.ivds-header__search{flex:1;margin:0 var(--spacing-4,1rem);max-width:400px}@media (max-width:768px){.ivds-header__search{display:none}.ivds-header__search--mobile-visible{display:block;flex-basis:100%;margin:var(--spacing-3,.75rem) 0 0 0;max-width:none;order:2}}.ivds-header__container{gap:var(--spacing-6,1.5rem);justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}@media (max-width:768px){.ivds-header__container{flex-wrap:wrap;min-height:56px;padding:var(--spacing-3,.75rem) var(--spacing-4,1rem)}}.ivds-header--sticky{backdrop-filter:blur(8px);background-color:rgba(252,252,253,.95);box-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));position:sticky;top:0;z-index:50}@supports not (backdrop-filter:blur(8px)){.ivds-header--sticky{background-color:var(--color-semantic-neutral-25,#fcfcfd)}}.ivds-header--dark{background-color:var(--color-semantic-neutral-900,#0f172a);border-bottom-color:var(--color-semantic-neutral-700,#374151)}.ivds-header--dark .ivds-header__brand-text,.ivds-header--dark .ivds-header__nav a{color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-header--dark .ivds-header__nav a:hover{background-color:rgba(var(--color-semantic-neutral-50,#f8fafc),.1)}.ivds-header--transparent{backdrop-filter:none;background-color:transparent;border-bottom:none}.ivds-header--transparent.ivds-header--sticky{backdrop-filter:blur(8px);background-color:rgba(252,252,253,.95);border-bottom:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0)}.ivds-header--compact{min-height:48px;padding:var(--spacing-2,.5rem) var(--spacing-4,1rem)}.ivds-header--compact .ivds-header__brand-logo{height:1.5rem;margin-right:var(--spacing-2,.5rem)}.ivds-header--compact .ivds-header__brand-text{font-size:var(--fontSize-base,1rem)}.ivds-header--compact .ivds-header__nav{gap:var(--spacing-4,1rem)}.ivds-header--compact .ivds-header__nav a{font-size:var(--fontSize-xs,.75rem);padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.ivds-header--compact .ivds-header__actions{gap:var(--spacing-2,.5rem)}@media (max-width:768px){.ivds-header--mobile-nav-open .ivds-header__nav{border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-200,#e2e8f0);display:flex;flex-basis:100%;flex-wrap:wrap;gap:var(--spacing-4,1rem);justify-content:flex-start;margin-top:var(--spacing-3,.75rem);order:3;padding-top:var(--spacing-3,.75rem)}.ivds-header--mobile-nav-open .ivds-header__search--mobile-visible{display:block;flex-basis:100%;margin:var(--spacing-3,.75rem) 0 0 0;max-width:none;order:2}}.ivds-footer{background-color:var(--color-semantic-neutral-900,#0f172a);color:var(--color-semantic-neutral-300,#cbd5e1);line-height:var(--lineHeight-relaxed,1.625);padding:var(--spacing-8,2rem) var(--spacing-6,1.5rem)}@media (max-width:768px){.ivds-footer .ivds-footer__grid{gap:var(--spacing-6,1.5rem) var(--spacing-4,1rem);grid-template-columns:1fr 1fr}}@media (max-width:480px){.ivds-footer .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}.ivds-footer .ivds-footer__section{text-align:center}.ivds-footer .ivds-footer__section:first-child{text-align:left}}.ivds-footer__content{margin:0 auto;max-width:1200px;width:100%}.ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-8,2rem);gap:var(--spacing-8,2rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer__section-title{color:var(--color-semantic-neutral-25,#fcfcfd);font-size:var(--fontSize-lg,1.125rem);font-weight:var(--fontWeight-semibold,600);line-height:var(--lineHeight-tight,1.25);margin:0 0 var(--spacing-4,1rem) 0}@media (max-width:768px){.ivds-footer__section-title{font-size:var(--fontSize-base,1rem);margin-bottom:var(--spacing-3,.75rem)}}.ivds-footer__section-list{list-style:none;margin:0;padding:0}.ivds-footer__section-item{margin-bottom:var(--spacing-2,.5rem)}.ivds-footer__section-item:last-child{margin-bottom:0}.ivds-footer__section-link{align-items:center;color:var(--color-semantic-neutral-300,#cbd5e1);display:inline-flex;font-size:var(--fontSize-sm,.875rem);text-decoration:none;transition:color .2s ease-in-out}.ivds-footer__section-link:hover{color:var(--color-semantic-neutral-25,#fcfcfd)}.ivds-footer__section-link:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer__section-link svg{flex-shrink:0;margin-right:var(--spacing-2,.5rem)}.ivds-footer__bottom{border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-700,#374151);color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);padding-top:var(--spacing-8,2rem);text-align:center}@media (max-width:768px){.ivds-footer__bottom{padding-top:var(--spacing-6,1.5rem);text-align:left}}.ivds-footer__bottom a{color:var(--color-semantic-neutral-300,#cbd5e1);text-decoration:none}.ivds-footer__bottom a:hover{color:var(--color-semantic-neutral-25,#fcfcfd);text-decoration:underline}.ivds-footer__bottom a:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer__bottom--inline-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4,1rem);justify-content:center}@media (max-width:768px){.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer__bottom--inline-links{gap:var(--spacing-3,.75rem);justify-content:flex-start}}.ivds-footer__brand-logo{height:2rem;margin-bottom:var(--spacing-3,.75rem);width:auto}@media (max-width:768px){.ivds-footer__brand-logo{height:1.75rem}}.ivds-footer__brand-name{color:var(--color-semantic-neutral-25,#fcfcfd);font-size:var(--fontSize-xl,1.25rem);font-weight:var(--fontWeight-bold,700);margin-bottom:var(--spacing-2,.5rem)}@media (max-width:768px){.ivds-footer__brand-name{font-size:var(--fontSize-lg,1.125rem)}}.ivds-footer__brand-description{color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin-bottom:var(--spacing-4,1rem)}.ivds-footer__social{display:flex;gap:var(--spacing-3,.75rem);margin-top:var(--spacing-4,1rem)}@media (max-width:768px){.ivds-footer__social{justify-content:center;margin-top:var(--spacing-3,.75rem)}}.ivds-footer__social a{align-items:center;background-color:var(--color-semantic-neutral-800,#1e293b);border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-300,#cbd5e1);display:inline-flex;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;width:2.5rem}.ivds-footer__social a:hover{background-color:var(--color-brand-primary-500,#f97316);color:var(--color-semantic-neutral-25,#fcfcfd);transform:translateY(-2px)}.ivds-footer__social a:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer__social a svg{height:1.25rem;margin:0;width:1.25rem}.ivds-footer__newsletter-form{display:flex;gap:var(--spacing-2,.5rem);margin-top:var(--spacing-3,.75rem)}@media (max-width:480px){.ivds-footer__newsletter-form{flex-direction:column}}.ivds-footer__newsletter-input{background-color:var(--color-semantic-neutral-800,#1e293b);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-600,#475569);border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-100,#f1f5f9);flex:1;font-size:var(--fontSize-sm,.875rem);padding:var(--spacing-3,.75rem)}.ivds-footer__newsletter-input::-moz-placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-footer__newsletter-input::placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-footer__newsletter-input:focus{border-color:var(--color-brand-primary-500,#f97316);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:480px){.ivds-footer__newsletter-input{width:100%}}.ivds-footer__newsletter-button{background-color:var(--color-brand-primary-500,#f97316);border:none;border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-25,#fcfcfd);cursor:pointer;font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);padding:var(--spacing-3,.75rem) var(--spacing-4,1rem);transition:background-color .2s ease-in-out;white-space:nowrap}.ivds-footer__newsletter-button:hover{background-color:var(--color-brand-primary-600,#ea580c)}.ivds-footer__newsletter-button:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:480px){.ivds-footer__newsletter-button{width:100%}}.ivds-footer__newsletter-description{color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin-bottom:var(--spacing-3,.75rem)}.ivds-footer address{font-style:normal;line-height:var(--lineHeight-relaxed,1.625)}.ivds-footer address p{margin-bottom:var(--spacing-2,.5rem)}.ivds-footer address p:last-child{margin-bottom:0}.ivds-footer address strong{color:var(--color-semantic-neutral-200,#e2e8f0);font-weight:var(--fontWeight-medium,500)}.ivds-footer--light{background-color:var(--color-semantic-neutral-50,#f8fafc);color:var(--color-semantic-neutral-600,#475569)}.ivds-footer--light .ivds-footer__section-title{color:var(--color-semantic-neutral-900,#0f172a)}.ivds-footer--light .ivds-footer__section-link{color:var(--color-semantic-neutral-600,#475569)}.ivds-footer--light .ivds-footer__section-link:hover{color:var(--color-semantic-neutral-900,#0f172a)}.ivds-footer--light .ivds-footer__bottom{border-top-color:var(--color-semantic-neutral-200,#e2e8f0);color:rgba(var(--color-semantic-neutral-600,#475569),.8)}.ivds-footer--minimal{padding:var(--spacing-6,1.5rem) var(--spacing-4,1rem);text-align:center}.ivds-footer--minimal .ivds-footer__bottom{border-top:none;padding-top:0}@media (max-width:768px){.ivds-footer--minimal{padding:var(--spacing-4,1rem)}}.ivds-footer--two-columns .ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-8,2rem);gap:var(--spacing-8,2rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer--two-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer--two-columns .ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer--two-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer--three-columns .ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-8,2rem);gap:var(--spacing-8,2rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer--three-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer--three-columns .ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer--three-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer--five-columns .ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-6,1.5rem);gap:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer--five-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer--five-columns .ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer--five-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer--bottom-inline .ivds-footer__bottom{border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-700,#374151);color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);padding-top:var(--spacing-8,2rem);text-align:center}@media (max-width:768px){.ivds-footer--bottom-inline .ivds-footer__bottom{padding-top:var(--spacing-6,1.5rem);text-align:left}}.ivds-footer--bottom-inline .ivds-footer__bottom a{color:var(--color-semantic-neutral-300,#cbd5e1);text-decoration:none}.ivds-footer--bottom-inline .ivds-footer__bottom a:hover{color:var(--color-semantic-neutral-25,#fcfcfd);text-decoration:underline}.ivds-footer--bottom-inline .ivds-footer__bottom a:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer--bottom-inline .ivds-footer__bottom--inline-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4,1rem);justify-content:center}@media (max-width:768px){.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer--bottom-inline .ivds-footer__bottom--inline-links{gap:var(--spacing-3,.75rem);justify-content:flex-start}}
@@ -0,0 +1,141 @@
1
+ @charset "UTF-8";
2
+ /* Breadcrumb component styles*/
3
+ /* Provides styling for the IVDS breadcrumb component following Helsinki Design System patterns*/
4
+ .ivds-breadcrumb {
5
+ --separator-content: "/";
6
+ --separator-spacing: var(--spacing-2, 0.5rem);
7
+ --link-color: var(--color-brand-primary-500, #f97316);
8
+ --link-color-hover: var(--color-brand-primary-600, #ea580c);
9
+ --current-color: var(--color-semantic-neutral-700, #404040);
10
+ --separator-color: var(--color-semantic-neutral-500, #737373);
11
+ display: flex;
12
+ align-items: center;
13
+ flex-wrap: wrap;
14
+ font-size: var(--fontSize-sm, 0.875rem);
15
+ line-height: var(--lineHeight-normal, 1.5);
16
+ }
17
+ .ivds-breadcrumb__list {
18
+ display: flex;
19
+ align-items: center;
20
+ flex-wrap: wrap;
21
+ margin: 0;
22
+ padding: 0;
23
+ list-style: none;
24
+ gap: 0;
25
+ }
26
+ .ivds-breadcrumb__item {
27
+ display: flex;
28
+ align-items: center;
29
+ }
30
+ .ivds-breadcrumb__item:not(:last-child)::after {
31
+ content: var(--separator-content);
32
+ margin: 0 var(--separator-spacing);
33
+ color: var(--separator-color);
34
+ font-weight: var(--fontWeight-normal, 400);
35
+ -webkit-user-select: none;
36
+ -moz-user-select: none;
37
+ user-select: none;
38
+ pointer-events: none;
39
+ }
40
+ .ivds-breadcrumb__link {
41
+ color: var(--link-color);
42
+ text-decoration: none;
43
+ transition: all 0.15s ease-in-out;
44
+ border-radius: var(--borderRadius-md, 0.375rem);
45
+ padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
46
+ margin: calc(-1 * var(--spacing-1, 0.25rem)) calc(-1 * var(--spacing-2, 0.5rem));
47
+ }
48
+ .ivds-breadcrumb__link:hover {
49
+ color: var(--link-color-hover);
50
+ text-decoration: underline;
51
+ background-color: var(--color-brand-primary-50, #fff7ed);
52
+ }
53
+ .ivds-breadcrumb__link:focus {
54
+ outline: 2px solid var(--color-brand-primary-500, #f97316);
55
+ outline-offset: 2px;
56
+ text-decoration: none;
57
+ }
58
+ .ivds-breadcrumb__link:active {
59
+ background-color: var(--color-brand-primary-100, #ffedd5);
60
+ }
61
+ .ivds-breadcrumb__current {
62
+ color: var(--current-color);
63
+ font-weight: var(--fontWeight-medium, 500);
64
+ padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
65
+ margin: calc(-1 * var(--spacing-1, 0.25rem)) calc(-1 * var(--spacing-2, 0.5rem));
66
+ }
67
+ .ivds-breadcrumb {
68
+ /* Size variants*/
69
+ }
70
+ .ivds-breadcrumb--small {
71
+ --separator-spacing: var(--spacing-1, 0.25rem);
72
+ font-size: var(--fontSize-xs, 0.75rem);
73
+ }
74
+ .ivds-breadcrumb--large {
75
+ --separator-spacing: var(--spacing-3, 0.75rem);
76
+ font-size: var(--fontSize-base, 1rem);
77
+ }
78
+ .ivds-breadcrumb {
79
+ /* Separator variants*/
80
+ }
81
+ .ivds-breadcrumb--separator-arrow {
82
+ --separator-content: "→";
83
+ }
84
+ .ivds-breadcrumb--separator-chevron {
85
+ --separator-content: "›";
86
+ }
87
+ .ivds-breadcrumb--separator-bullet {
88
+ --separator-content: "•";
89
+ }
90
+ .ivds-breadcrumb {
91
+ /* Theme variants*/
92
+ }
93
+ .ivds-breadcrumb--theme-dark {
94
+ --link-color: var(--color-brand-primary-400, #fb923c);
95
+ --link-color-hover: var(--color-brand-primary-300, #fdba74);
96
+ --current-color: var(--color-semantic-neutral-200, #e5e5e5);
97
+ --separator-color: var(--color-semantic-neutral-400, #a3a3a3);
98
+ }
99
+ .ivds-breadcrumb--theme-muted {
100
+ --link-color: var(--color-semantic-neutral-600, #525252);
101
+ --link-color-hover: var(--color-semantic-neutral-700, #404040);
102
+ --current-color: var(--color-semantic-neutral-800, #262626);
103
+ --separator-color: var(--color-semantic-neutral-400, #a3a3a3);
104
+ }
105
+ .ivds-breadcrumb {
106
+ /* Feature variants*/
107
+ }
108
+ .ivds-breadcrumb--with-icons .ivds-breadcrumb__link,
109
+ .ivds-breadcrumb--with-icons .ivds-breadcrumb__current {
110
+ display: flex;
111
+ align-items: center;
112
+ gap: var(--spacing-1, 0.25rem);
113
+ }
114
+ .ivds-breadcrumb--with-icons .ivds-breadcrumb__icon {
115
+ width: 1em;
116
+ height: 1em;
117
+ flex-shrink: 0;
118
+ }
119
+ @media (max-width: 640px) {
120
+ .ivds-breadcrumb--responsive .ivds-breadcrumb__list {
121
+ flex-wrap: wrap;
122
+ }
123
+ .ivds-breadcrumb--responsive .ivds-breadcrumb__item:nth-last-child(2)::after {
124
+ content: "...";
125
+ margin: 0 var(--separator-spacing);
126
+ color: var(--separator-color);
127
+ }
128
+ .ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child, :nth-last-child(2))::after {
129
+ display: none;
130
+ }
131
+ .ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child, :nth-last-child(2)) {
132
+ display: none;
133
+ }
134
+ }
135
+ .ivds-breadcrumb--truncate .ivds-breadcrumb__link,
136
+ .ivds-breadcrumb--truncate .ivds-breadcrumb__current {
137
+ max-width: 200px;
138
+ overflow: hidden;
139
+ text-overflow: ellipsis;
140
+ white-space: nowrap;
141
+ }
@@ -0,0 +1 @@
1
+ @charset "UTF-8";.ivds-breadcrumb{--separator-content:"/";--separator-spacing:var(--spacing-2,0.5rem);--link-color:var(--color-brand-primary-500,#f97316);--link-color-hover:var(--color-brand-primary-600,#ea580c);--current-color:var(--color-semantic-neutral-700,#404040);--separator-color:var(--color-semantic-neutral-500,#737373);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-normal,1.5)}.ivds-breadcrumb,.ivds-breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap}.ivds-breadcrumb__list{gap:0;list-style:none;margin:0;padding:0}.ivds-breadcrumb__item{align-items:center;display:flex}.ivds-breadcrumb__item:not(:last-child):after{color:var(--separator-color);content:var(--separator-content);font-weight:var(--fontWeight-normal,400);margin:0 var(--separator-spacing);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ivds-breadcrumb__link{border-radius:var(--borderRadius-md,.375rem);color:var(--link-color);margin:calc(var(--spacing-1, .25rem)*-1) calc(var(--spacing-2, .5rem)*-1);padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem);text-decoration:none;transition:all .15s ease-in-out}.ivds-breadcrumb__link:hover{background-color:var(--color-brand-primary-50,#fff7ed);color:var(--link-color-hover);text-decoration:underline}.ivds-breadcrumb__link:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px;text-decoration:none}.ivds-breadcrumb__link:active{background-color:var(--color-brand-primary-100,#ffedd5)}.ivds-breadcrumb__current{color:var(--current-color);font-weight:var(--fontWeight-medium,500);margin:calc(var(--spacing-1, .25rem)*-1) calc(var(--spacing-2, .5rem)*-1);padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.ivds-breadcrumb--small{--separator-spacing:var(--spacing-1,0.25rem);font-size:var(--fontSize-xs,.75rem)}.ivds-breadcrumb--large{--separator-spacing:var(--spacing-3,0.75rem);font-size:var(--fontSize-base,1rem)}.ivds-breadcrumb--separator-arrow{--separator-content:"→"}.ivds-breadcrumb--separator-chevron{--separator-content:"›"}.ivds-breadcrumb--separator-bullet{--separator-content:"•"}.ivds-breadcrumb--theme-dark{--link-color:var(--color-brand-primary-400,#fb923c);--link-color-hover:var(--color-brand-primary-300,#fdba74);--current-color:var(--color-semantic-neutral-200,#e5e5e5);--separator-color:var(--color-semantic-neutral-400,#a3a3a3)}.ivds-breadcrumb--theme-muted{--link-color:var(--color-semantic-neutral-600,#525252);--link-color-hover:var(--color-semantic-neutral-700,#404040);--current-color:var(--color-semantic-neutral-800,#262626);--separator-color:var(--color-semantic-neutral-400,#a3a3a3)}.ivds-breadcrumb--with-icons .ivds-breadcrumb__current,.ivds-breadcrumb--with-icons .ivds-breadcrumb__link{align-items:center;display:flex;gap:var(--spacing-1,.25rem)}.ivds-breadcrumb--with-icons .ivds-breadcrumb__icon{flex-shrink:0;height:1em;width:1em}@media (max-width:640px){.ivds-breadcrumb--responsive .ivds-breadcrumb__list{flex-wrap:wrap}.ivds-breadcrumb--responsive .ivds-breadcrumb__item:nth-last-child(2):after{color:var(--separator-color);content:"...";margin:0 var(--separator-spacing)}.ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child,:nth-last-child(2)),.ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child,:nth-last-child(2)):after{display:none}}.ivds-breadcrumb--truncate .ivds-breadcrumb__current,.ivds-breadcrumb--truncate .ivds-breadcrumb__link{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -0,0 +1,221 @@
1
+ /* Button component styles*/
2
+ /* Provides styling for the IVDS button component with all variants, sizes, and states*/
3
+ @keyframes ivds-button-spin {
4
+ to {
5
+ transform: translate(-50%, -50%) rotate(360deg);
6
+ }
7
+ }
8
+ .ivds-button {
9
+ display: inline-flex;
10
+ align-items: center;
11
+ justify-content: center;
12
+ border: var(--borderWidth-1, 1px) solid transparent;
13
+ border-radius: var(--borderRadius-md, 0.375rem);
14
+ font-family: var(--fontFamily-sans, system-ui, -apple-system, sans-serif);
15
+ font-weight: var(--fontWeight-medium, 500);
16
+ line-height: var(--lineHeight-tight, 1.25);
17
+ text-decoration: none;
18
+ cursor: pointer;
19
+ transition: all 0.15s ease-in-out;
20
+ -webkit-user-select: none;
21
+ -moz-user-select: none;
22
+ user-select: none;
23
+ white-space: nowrap;
24
+ }
25
+ .ivds-button:focus {
26
+ outline: 2px solid var(--color-brand-primary-500, #f97316);
27
+ outline-offset: 2px;
28
+ }
29
+ .ivds-button:disabled, .ivds-button[aria-disabled=true] {
30
+ opacity: 0.5;
31
+ cursor: not-allowed;
32
+ pointer-events: none;
33
+ }
34
+ .ivds-button {
35
+ padding: var(--spacing-3, 0.75rem) var(--spacing-6, 1.5rem);
36
+ font-size: var(--fontSize-base, 1rem);
37
+ min-height: 44px;
38
+ gap: var(--spacing-2, 0.5rem);
39
+ }
40
+ .ivds-button .ivds-button__icon {
41
+ display: inline-flex;
42
+ align-items: center;
43
+ justify-content: center;
44
+ flex-shrink: 0;
45
+ }
46
+ .ivds-button {
47
+ /* Icon support*/
48
+ }
49
+ .ivds-button__icon {
50
+ display: inline-flex;
51
+ align-items: center;
52
+ justify-content: center;
53
+ flex-shrink: 0;
54
+ }
55
+ .ivds-button__icon svg {
56
+ width: 1em;
57
+ height: 1em;
58
+ fill: currentcolor;
59
+ }
60
+ .ivds-button {
61
+ /* Text content*/
62
+ }
63
+ .ivds-button__text {
64
+ flex: 1;
65
+ }
66
+ .ivds-button {
67
+ /* Loading state*/
68
+ }
69
+ .ivds-button--loading {
70
+ position: relative;
71
+ color: transparent !important;
72
+ }
73
+ .ivds-button--loading::after {
74
+ content: "";
75
+ position: absolute;
76
+ top: 50%;
77
+ left: 50%;
78
+ transform: translate(-50%, -50%);
79
+ width: 16px;
80
+ height: 16px;
81
+ border: 2px solid currentcolor;
82
+ border-radius: 50%;
83
+ border-top-color: transparent;
84
+ animation: ivds-button-spin 0.8s linear infinite;
85
+ }
86
+ .ivds-button {
87
+ /* Full width*/
88
+ }
89
+ .ivds-button--full-width {
90
+ width: 100%;
91
+ justify-content: center;
92
+ }
93
+ .ivds-button {
94
+ /* Icon only*/
95
+ }
96
+ .ivds-button--icon-only {
97
+ width: 44px;
98
+ height: 44px;
99
+ padding: 0;
100
+ }
101
+ .ivds-button--icon-only .ivds-button__icon {
102
+ margin: 0;
103
+ }
104
+ .ivds-button--icon-only.ivds-button--small {
105
+ width: 32px;
106
+ height: 32px;
107
+ padding: 0;
108
+ }
109
+ .ivds-button--icon-only.ivds-button--small .ivds-button__icon {
110
+ margin: 0;
111
+ }
112
+ .ivds-button--icon-only.ivds-button--large {
113
+ width: 56px;
114
+ height: 56px;
115
+ padding: 0;
116
+ }
117
+ .ivds-button--icon-only.ivds-button--large .ivds-button__icon {
118
+ margin: 0;
119
+ }
120
+ /* Button Variants*/
121
+ .ivds-button--primary {
122
+ background-color: var(--color-brand-primary-500, #f97316);
123
+ color: var(--color-semantic-neutral-50, #fafafa);
124
+ border-color: var(--color-brand-primary-500, #f97316);
125
+ }
126
+ .ivds-button--primary:hover:not(:disabled, [aria-disabled=true]) {
127
+ background-color: var(--color-brand-primary-600, #ea580c);
128
+ border-color: var(--color-brand-primary-600, #ea580c);
129
+ }
130
+ .ivds-button--primary:active:not(:disabled, [aria-disabled=true]) {
131
+ transform: translateY(1px);
132
+ }
133
+ .ivds-button--secondary {
134
+ background-color: transparent;
135
+ color: var(--color-brand-primary-500, #f97316);
136
+ border-color: var(--color-brand-primary-500, #f97316);
137
+ }
138
+ .ivds-button--secondary:hover:not(:disabled, [aria-disabled=true]) {
139
+ background-color: var(--color-brand-primary-50, #fff7ed);
140
+ border-color: var(--color-brand-primary-500, #f97316);
141
+ }
142
+ .ivds-button--secondary:active:not(:disabled, [aria-disabled=true]) {
143
+ transform: translateY(1px);
144
+ }
145
+ .ivds-button--tertiary {
146
+ background-color: transparent;
147
+ color: var(--color-brand-primary-500, #f97316);
148
+ border-color: transparent;
149
+ }
150
+ .ivds-button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
151
+ background-color: var(--color-brand-primary-50, #fff7ed);
152
+ }
153
+ .ivds-button--tertiary:active:not(:disabled, [aria-disabled=true]) {
154
+ transform: translateY(1px);
155
+ }
156
+ .ivds-button--success {
157
+ background-color: var(--color-semantic-success-500, #10b981);
158
+ color: var(--color-semantic-neutral-50, #fcfcfd);
159
+ border-color: var(--color-semantic-success-500, #10b981);
160
+ }
161
+ .ivds-button--success:hover:not(:disabled, [aria-disabled=true]) {
162
+ background-color: var(--color-semantic-success-600, #059669);
163
+ border-color: var(--color-semantic-success-600, #059669);
164
+ }
165
+ .ivds-button--success:active:not(:disabled, [aria-disabled=true]) {
166
+ transform: translateY(1px);
167
+ }
168
+ .ivds-button--warning {
169
+ background-color: var(--color-semantic-warning-500, #f59e0b);
170
+ color: var(--color-semantic-neutral-50, #fcfcfd);
171
+ border-color: var(--color-semantic-warning-500, #f59e0b);
172
+ }
173
+ .ivds-button--warning:hover:not(:disabled, [aria-disabled=true]) {
174
+ background-color: var(--color-semantic-warning-600, #d97706);
175
+ border-color: var(--color-semantic-warning-600, #d97706);
176
+ }
177
+ .ivds-button--warning:active:not(:disabled, [aria-disabled=true]) {
178
+ transform: translateY(1px);
179
+ }
180
+ .ivds-button--danger {
181
+ background-color: var(--color-semantic-error-500, #ef4444);
182
+ color: var(--color-semantic-neutral-50, #fcfcfd);
183
+ border-color: var(--color-semantic-error-500, #ef4444);
184
+ }
185
+ .ivds-button--danger:hover:not(:disabled, [aria-disabled=true]) {
186
+ background-color: var(--color-semantic-error-600, #dc2626);
187
+ border-color: var(--color-semantic-error-600, #dc2626);
188
+ }
189
+ .ivds-button--danger:active:not(:disabled, [aria-disabled=true]) {
190
+ transform: translateY(1px);
191
+ }
192
+ .ivds-button--info {
193
+ background-color: var(--color-semantic-info-500, #3b82f6);
194
+ color: var(--color-semantic-neutral-50, #fcfcfd);
195
+ border-color: var(--color-semantic-info-500, #3b82f6);
196
+ }
197
+ .ivds-button--info:hover:not(:disabled, [aria-disabled=true]) {
198
+ background-color: var(--color-semantic-info-600, #2563eb);
199
+ border-color: var(--color-semantic-info-600, #2563eb);
200
+ }
201
+ .ivds-button--info:active:not(:disabled, [aria-disabled=true]) {
202
+ transform: translateY(1px);
203
+ }
204
+ /* Button Sizes*/
205
+ .ivds-button--small {
206
+ padding: var(--spacing-2, 0.5rem) var(--spacing-4, 1rem);
207
+ font-size: var(--fontSize-sm, 0.875rem);
208
+ min-height: 32px;
209
+ }
210
+ .ivds-button--large {
211
+ padding: var(--spacing-4, 1rem) var(--spacing-8, 2rem);
212
+ font-size: var(--fontSize-lg, 1.125rem);
213
+ min-height: 56px;
214
+ }
215
+ /* Button Groups - Simplified to avoid specificity issues*/
216
+ .ivds-button-group {
217
+ display: inline-flex;
218
+ }
219
+ .ivds-button-group--vertical {
220
+ flex-direction: column;
221
+ }
@@ -0,0 +1 @@
1
+ @keyframes ivds-button-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.ivds-button{align-items:center;border:var(--borderWidth-1,1px) solid transparent;border-radius:var(--borderRadius-md,.375rem);cursor:pointer;display:inline-flex;font-family:var(--fontFamily-sans,system-ui,-apple-system,sans-serif);font-weight:var(--fontWeight-medium,500);justify-content:center;line-height:var(--lineHeight-tight,1.25);text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ivds-button:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-button:disabled,.ivds-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-button{font-size:var(--fontSize-base,1rem);gap:var(--spacing-2,.5rem);min-height:44px;padding:var(--spacing-3,.75rem) var(--spacing-6,1.5rem)}.ivds-button .ivds-button__icon,.ivds-button__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-button__icon svg{fill:currentcolor;height:1em;width:1em}.ivds-button__text{flex:1}.ivds-button--loading{color:transparent!important;position:relative}.ivds-button--loading:after{animation:ivds-button-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.ivds-button--full-width{justify-content:center;width:100%}.ivds-button--icon-only{height:44px;padding:0;width:44px}.ivds-button--icon-only .ivds-button__icon{margin:0}.ivds-button--icon-only.ivds-button--small{height:32px;padding:0;width:32px}.ivds-button--icon-only.ivds-button--small .ivds-button__icon{margin:0}.ivds-button--icon-only.ivds-button--large{height:56px;padding:0;width:56px}.ivds-button--icon-only.ivds-button--large .ivds-button__icon{margin:0}.ivds-button--primary{background-color:var(--color-brand-primary-500,#f97316);border-color:var(--color-brand-primary-500,#f97316);color:var(--color-semantic-neutral-50,#fafafa)}.ivds-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-brand-primary-600,#ea580c);border-color:var(--color-brand-primary-600,#ea580c)}.ivds-button--primary:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--secondary{background-color:transparent;border-color:var(--color-brand-primary-500,#f97316);color:var(--color-brand-primary-500,#f97316)}.ivds-button--secondary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-brand-primary-50,#fff7ed);border-color:var(--color-brand-primary-500,#f97316)}.ivds-button--secondary:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--tertiary{background-color:transparent;border-color:transparent;color:var(--color-brand-primary-500,#f97316)}.ivds-button--tertiary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-brand-primary-50,#fff7ed)}.ivds-button--tertiary:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--success{background-color:var(--color-semantic-success-500,#10b981);border-color:var(--color-semantic-success-500,#10b981);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--success:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-success-600,#059669);border-color:var(--color-semantic-success-600,#059669)}.ivds-button--success:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--warning{background-color:var(--color-semantic-warning-500,#f59e0b);border-color:var(--color-semantic-warning-500,#f59e0b);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--warning:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-warning-600,#d97706);border-color:var(--color-semantic-warning-600,#d97706)}.ivds-button--warning:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--danger{background-color:var(--color-semantic-error-500,#ef4444);border-color:var(--color-semantic-error-500,#ef4444);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--danger:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-error-600,#dc2626);border-color:var(--color-semantic-error-600,#dc2626)}.ivds-button--danger:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--info{background-color:var(--color-semantic-info-500,#3b82f6);border-color:var(--color-semantic-info-500,#3b82f6);color:var(--color-semantic-neutral-50,#fcfcfd)}.ivds-button--info:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-semantic-info-600,#2563eb);border-color:var(--color-semantic-info-600,#2563eb)}.ivds-button--info:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.ivds-button--small{font-size:var(--fontSize-sm,.875rem);min-height:32px;padding:var(--spacing-2,.5rem) var(--spacing-4,1rem)}.ivds-button--large{font-size:var(--fontSize-lg,1.125rem);min-height:56px;padding:var(--spacing-4,1rem) var(--spacing-8,2rem)}.ivds-button-group{display:inline-flex}.ivds-button-group--vertical{flex-direction:column}