@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.
- package/CHANGELOG.md +45 -0
- package/README.md +215 -0
- package/lib/all.css +6802 -0
- package/lib/all.min.css +1 -0
- package/lib/base/base.css +215 -0
- package/lib/base/base.min.css +1 -0
- package/lib/components/_breadcrumb-mixins.scss +173 -0
- package/lib/components/_button-mixin.scss +120 -0
- package/lib/components/_card-mixin.scss +196 -0
- package/lib/components/_checkbox-mixin.scss +208 -0
- package/lib/components/_footer-mixin.scss +385 -0
- package/lib/components/_header-mixin.scss +275 -0
- package/lib/components/_navigation-mixins.scss +270 -0
- package/lib/components/_notification-mixin.scss +239 -0
- package/lib/components/_pagination-mixins.scss +280 -0
- package/lib/components/_radio-button-mixin.scss +207 -0
- package/lib/components/_tag-mixin.scss +261 -0
- package/lib/components/_text-input-mixin.scss +203 -0
- package/lib/components/all.css +3005 -0
- package/lib/components/all.min.css +1 -0
- package/lib/components/breadcrumb/breadcrumb.css +141 -0
- package/lib/components/breadcrumb/breadcrumb.min.css +1 -0
- package/lib/components/button/button.css +221 -0
- package/lib/components/button/button.min.css +1 -0
- package/lib/components/card/card.css +236 -0
- package/lib/components/card/card.min.css +1 -0
- package/lib/components/checkbox/checkbox.css +305 -0
- package/lib/components/checkbox/checkbox.min.css +1 -0
- package/lib/components/footer/footer.css +466 -0
- package/lib/components/footer/footer.min.css +1 -0
- package/lib/components/header/header.css +274 -0
- package/lib/components/header/header.min.css +1 -0
- package/lib/components/navigation/navigation.css +214 -0
- package/lib/components/navigation/navigation.min.css +1 -0
- package/lib/components/notification/notification.css +253 -0
- package/lib/components/notification/notification.min.css +1 -0
- package/lib/components/pagination/pagination.css +221 -0
- package/lib/components/pagination/pagination.min.css +1 -0
- package/lib/components/radio-button/radio-button.css +326 -0
- package/lib/components/radio-button/radio-button.min.css +1 -0
- package/lib/components/tag/tag.css +367 -0
- package/lib/components/tag/tag.min.css +1 -0
- package/lib/components/text-input/text-input.css +243 -0
- package/lib/components/text-input/text-input.min.css +1 -0
- package/lib/icons/icon-arrow-left.css +139 -0
- package/lib/icons/icon-arrow-left.min.css +1 -0
- package/lib/icons/icon-arrow-right.css +139 -0
- package/lib/icons/icon-arrow-right.min.css +1 -0
- package/lib/icons/icon-check.css +139 -0
- package/lib/icons/icon-check.min.css +1 -0
- package/lib/icons/icon-close.css +140 -0
- package/lib/icons/icon-close.min.css +1 -0
- package/lib/icons/icon-error.css +140 -0
- package/lib/icons/icon-error.min.css +1 -0
- package/lib/icons/icon-info.css +140 -0
- package/lib/icons/icon-info.min.css +1 -0
- package/lib/icons/icon-success.css +139 -0
- package/lib/icons/icon-success.min.css +1 -0
- package/lib/icons/icon-warning.css +139 -0
- package/lib/icons/icon-warning.min.css +1 -0
- package/lib/icons/icons.css +1158 -0
- package/lib/icons/icons.min.css +1 -0
- package/lib/utils/_flex.scss +200 -0
- package/lib/utils/_grid.scss +211 -0
- package/lib/utils/_layout.scss +253 -0
- package/lib/utils/_spacing.scss +260 -0
- package/lib/utils/_typography.scss +111 -0
- package/lib/utils/utils.css +2434 -0
- package/lib/utils/utils.min.css +1 -0
- package/lib/utils-only.css +2801 -0
- package/lib/utils-only.min.css +1 -0
- package/lib/variables/variables.css +2 -0
- package/lib/variables/variables.min.css +0 -0
- package/package.json +194 -0
- package/src/__tests__/example.test.scss +12 -0
- package/src/accessibility.stories.js +416 -0
- package/src/all.scss +9 -0
- package/src/base/_layout.scss +97 -0
- package/src/base/_reset.scss +85 -0
- package/src/base/_typography.scss +105 -0
- package/src/base/base.scss +6 -0
- package/src/components/all.scss +22 -0
- package/src/components/breadcrumb/_breadcrumb-mixins.scss +173 -0
- package/src/components/breadcrumb/breadcrumb.scss +68 -0
- package/src/components/breadcrumb/breadcrumb.stories.js +483 -0
- package/src/components/button/__tests__/button-mixins.test.scss +35 -0
- package/src/components/button/_button-mixin.scss +120 -0
- package/src/components/button/button.scss +126 -0
- package/src/components/button/button.stories.js +364 -0
- package/src/components/card/__tests__/card-mixins.test.scss +36 -0
- package/src/components/card/_card-mixin.scss +196 -0
- package/src/components/card/card.scss +193 -0
- package/src/components/card/card.stories.js +635 -0
- package/src/components/checkbox/_checkbox-mixin.scss +208 -0
- package/src/components/checkbox/checkbox.scss +141 -0
- package/src/components/checkbox/checkbox.stories.js +303 -0
- package/src/components/footer/_footer-mixin.scss +385 -0
- package/src/components/footer/footer.scss +86 -0
- package/src/components/footer/footer.stories.js +740 -0
- package/src/components/header/_header-mixin.scss +275 -0
- package/src/components/header/header.scss +84 -0
- package/src/components/header/header.stories.js +450 -0
- package/src/components/navigation/_navigation-mixins.scss +270 -0
- package/src/components/navigation/navigation.scss +64 -0
- package/src/components/navigation/navigation.stories.js +410 -0
- package/src/components/notification/_notification-mixin.scss +239 -0
- package/src/components/notification/notification.scss +118 -0
- package/src/components/notification/notification.stories.js +378 -0
- package/src/components/overview.stories.js +473 -0
- package/src/components/pagination/_pagination-mixins.scss +280 -0
- package/src/components/pagination/pagination.scss +76 -0
- package/src/components/pagination/pagination.stories.js +729 -0
- package/src/components/radio-button/_radio-button-mixin.scss +207 -0
- package/src/components/radio-button/radio-button.scss +178 -0
- package/src/components/radio-button/radio-button.stories.js +379 -0
- package/src/components/tag/_tag-mixin.scss +261 -0
- package/src/components/tag/tag.scss +244 -0
- package/src/components/tag/tag.stories.js +482 -0
- package/src/components/text-input/_text-input-mixin.scss +203 -0
- package/src/components/text-input/text-input.scss +150 -0
- package/src/components/text-input/text-input.stories.js +723 -0
- package/src/icons/_icon.scss +121 -0
- package/src/icons/icon-arrow-left.scss +23 -0
- package/src/icons/icon-arrow-right.scss +23 -0
- package/src/icons/icon-check.scss +23 -0
- package/src/icons/icon-close.scss +24 -0
- package/src/icons/icon-error.scss +24 -0
- package/src/icons/icon-info.scss +24 -0
- package/src/icons/icon-success.scss +23 -0
- package/src/icons/icon-warning.scss +23 -0
- package/src/icons/icons.scss +12 -0
- package/src/icons/icons.stories.js +249 -0
- package/src/icons/svg/arrow-left.svg +3 -0
- package/src/icons/svg/arrow-right.svg +3 -0
- package/src/icons/svg/check.svg +3 -0
- package/src/icons/svg/close.svg +4 -0
- package/src/icons/svg/error.svg +5 -0
- package/src/icons/svg/info.svg +5 -0
- package/src/icons/svg/success.svg +4 -0
- package/src/icons/svg/warning.svg +5 -0
- package/src/utils/__tests__/utilities.test.scss +37 -0
- package/src/utils/_flex.scss +200 -0
- package/src/utils/_grid.scss +211 -0
- package/src/utils/_layout.scss +253 -0
- package/src/utils/_spacing.scss +260 -0
- package/src/utils/_typography.scss +111 -0
- package/src/utils/utils.scss +8 -0
- package/src/variables/_borders.scss +15 -0
- package/src/variables/_breakpoints.scss +11 -0
- package/src/variables/_colors.scss +97 -0
- package/src/variables/_shadows.scss +14 -0
- package/src/variables/_spacing.scss +24 -0
- package/src/variables/_typography.scss +47 -0
- 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}
|