@dnb/eufemia 9.41.0 → 9.43.0
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 +34 -0
- package/cjs/components/accordion/style/_accordion.scss +1 -1
- package/cjs/components/button/Button.d.ts +5 -0
- package/cjs/components/button/Button.js +2 -0
- package/cjs/components/table/Table.d.ts +2 -2
- package/cjs/components/table/Table.js +1 -1
- package/cjs/components/table/TableContainer.js +2 -2
- package/cjs/components/table/style/_table-accordion.scss +13 -3
- package/cjs/components/table/style/_table-container.scss +33 -1
- package/cjs/components/table/style/_table-header-buttons.scss +20 -1
- package/cjs/components/table/style/dnb-table.css +61 -9
- package/cjs/components/table/style/dnb-table.min.css +3 -3
- package/cjs/components/table/style/themes/dnb-table-theme-ui.css +4 -2
- package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +5 -2
- package/cjs/components/table/useHandleSortState.d.ts +34 -0
- package/cjs/components/table/useHandleSortState.js +199 -0
- package/cjs/components/tabs/style/dnb-tabs.css +17 -2
- package/cjs/components/tabs/style/dnb-tabs.min.css +1 -1
- package/cjs/components/textarea/style/dnb-textarea.css +17 -2
- package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.css +17 -2
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/cjs/fragments/scroll-view/style/_scroll-view.scss +3 -0
- package/cjs/shared/Eufemia.js +1 -1
- package/cjs/style/core/scopes.scss +2 -0
- package/cjs/style/core/utilities.scss +33 -20
- package/cjs/style/dnb-ui-basis.css +17 -4
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-components.css +131 -17
- package/cjs/style/dnb-ui-components.min.css +4 -4
- package/cjs/style/dnb-ui-core.css +17 -4
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/dnb-ui-fragments.css +36 -4
- package/cjs/style/dnb-ui-fragments.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +21 -4
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/cjs/style/themes/theme-ui/dnb-theme-ui.css +21 -4
- package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/components/accordion/style/_accordion.scss +1 -1
- package/components/button/Button.d.ts +5 -0
- package/components/button/Button.js +2 -0
- package/components/table/Table.d.ts +2 -2
- package/components/table/Table.js +1 -1
- package/components/table/TableContainer.js +2 -2
- package/components/table/style/_table-accordion.scss +13 -3
- package/components/table/style/_table-container.scss +33 -1
- package/components/table/style/_table-header-buttons.scss +20 -1
- package/components/table/style/dnb-table.css +61 -9
- package/components/table/style/dnb-table.min.css +3 -3
- package/components/table/style/themes/dnb-table-theme-ui.css +4 -2
- package/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/components/table/style/themes/dnb-table-theme-ui.scss +5 -2
- package/components/table/useHandleSortState.d.ts +34 -0
- package/components/table/useHandleSortState.js +144 -0
- package/components/tabs/style/dnb-tabs.css +17 -2
- package/components/tabs/style/dnb-tabs.min.css +1 -1
- package/components/textarea/style/dnb-textarea.css +17 -2
- package/components/textarea/style/dnb-textarea.min.css +1 -1
- package/components/textarea/style/themes/dnb-textarea-theme-ui.css +17 -2
- package/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/es/components/accordion/style/_accordion.scss +1 -1
- package/es/components/button/Button.d.ts +5 -0
- package/es/components/button/Button.js +2 -0
- package/es/components/table/Table.d.ts +2 -2
- package/es/components/table/Table.js +1 -1
- package/es/components/table/TableContainer.js +2 -2
- package/es/components/table/style/_table-accordion.scss +13 -3
- package/es/components/table/style/_table-container.scss +33 -1
- package/es/components/table/style/_table-header-buttons.scss +20 -1
- package/es/components/table/style/dnb-table.css +61 -9
- package/es/components/table/style/dnb-table.min.css +3 -3
- package/es/components/table/style/themes/dnb-table-theme-ui.css +4 -2
- package/es/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/es/components/table/style/themes/dnb-table-theme-ui.scss +5 -2
- package/es/components/table/useHandleSortState.d.ts +34 -0
- package/es/components/table/useHandleSortState.js +114 -0
- package/es/components/tabs/style/dnb-tabs.css +17 -2
- package/es/components/tabs/style/dnb-tabs.min.css +1 -1
- package/es/components/textarea/style/dnb-textarea.css +17 -2
- package/es/components/textarea/style/dnb-textarea.min.css +1 -1
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.css +17 -2
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/es/fragments/scroll-view/style/_scroll-view.scss +3 -0
- package/es/shared/Eufemia.js +1 -1
- package/es/style/core/scopes.scss +2 -0
- package/es/style/core/utilities.scss +33 -20
- package/es/style/dnb-ui-basis.css +17 -4
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-components.css +131 -17
- package/es/style/dnb-ui-components.min.css +4 -4
- package/es/style/dnb-ui-core.css +17 -4
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/dnb-ui-fragments.css +36 -4
- package/es/style/dnb-ui-fragments.min.css +1 -1
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +21 -4
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/es/style/themes/theme-ui/dnb-theme-ui.css +21 -4
- package/es/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +2 -2
- package/esm/dnb-ui-extensions.min.mjs +1 -1
- package/esm/dnb-ui-lib.min.mjs +2 -2
- package/esm/dnb-ui-web-components.min.mjs +2 -2
- package/fragments/scroll-view/style/_scroll-view.scss +3 -0
- package/package.json +1 -1
- package/shared/Eufemia.js +1 -1
- package/style/core/scopes.scss +2 -0
- package/style/core/utilities.scss +33 -20
- package/style/dnb-ui-basis.css +17 -4
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-components.css +131 -17
- package/style/dnb-ui-components.min.css +4 -4
- package/style/dnb-ui-core.css +17 -4
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-fragments.css +36 -4
- package/style/dnb-ui-fragments.min.css +1 -1
- package/style/themes/theme-eiendom/dnb-theme-eiendom.css +21 -4
- package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/style/themes/theme-ui/dnb-theme-ui.css +21 -4
- package/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +2 -2
- package/umd/dnb-ui-extensions.min.js +1 -1
- package/umd/dnb-ui-lib.min.js +2 -2
- package/umd/dnb-ui-web-components.min.js +2 -2
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover:after{background-color:#dc2a2a;background-color:var(--color-fire-red)}html:not([data-whatintent=touch])
|
|
24
24
|
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:active,html:not([data-whatintent=touch])
|
|
25
25
|
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover:active{color:#fff;color:var(--color-white)}.dnb-input__status--error .dnb-input__icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__input::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-input__input::selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:#737373;color:var(--color-black-55)}.dnb-input[data-input-state=focus] .dnb-input__placeholder{display:none}.dnb-input--keep-placeholder .dnb-input[data-input-state=focus] .dnb-input__placeholder{color:#ccc;color:var(--color-black-20);display:block}:root{--modal-overlay-bg:rgba(0,0,0,.32)}.dnb-modal__overlay{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}.dnb-pagination__loadbar,.dnb-pagination__page{min-height:6rem}.dnb-pagination__bar{margin-bottom:1rem;margin-top:1rem}.dnb-pagination__indicator{min-height:inherit}.dnb-pagination__indicator__inner{-webkit-animation:show-page .3s ease-out forwards;animation:show-page .3s ease-out forwards}.dnb-core-style .dnb-pagination__button.dnb-button--primary,.dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):hover,.dnb-pagination__button.dnb-button--primary,.dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):hover{background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,.dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green);outline:none}html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-pagination__dots{color:#737373;color:var(--color-black-55)}@-webkit-keyframes show-page{0%{opacity:.1;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-page{0%{opacity:.1;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.dnb-progress-indicator__circular--small{height:1rem;width:1rem}.dnb-progress-indicator__circular--medium{height:1.5rem;width:1.5rem}.dnb-progress-indicator__circular--large{height:3.5rem;width:3.5rem}.dnb-progress-indicator__circular--huge{height:20rem;width:20rem}.dnb-progress-indicator__circular__line{-webkit-animation-duration:2s;animation-duration:2s}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:#a5e1d2;stroke:var(--color-mint-green)}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:#14555a;stroke:var(--color-emerald-green)}.dnb-progress-indicator__circular--small .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.1}.dnb-progress-indicator__circular--medium .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.3}.dnb-progress-indicator__circular--default .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.5}.dnb-progress-indicator__circular--large .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.7}.dnb-progress-indicator__circular--huge .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.9}.dnb-progress-indicator__linear{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-progress-indicator__linear--small{border-radius:.125rem;height:.25rem}.dnb-progress-indicator__linear--medium{border-radius:.5rem;height:1rem}.dnb-progress-indicator__linear--large{border-radius:.75rem;height:1.5rem}.dnb-progress-indicator__linear--huge{border-radius:1rem;height:2rem}.dnb-progress-indicator__linear__bar{background-color:#007272;background-color:var(--color-sea-green)}.dnb-radio__dot{background-color:#007272;background-color:var(--color-sea-green);-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.dnb-radio__input:checked~.dnb-radio__button,.dnb-radio__input[data-checked=true]~.dnb-radio__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-radio__input:checked~.dnb-radio__dot,.dnb-radio__input[data-checked=true]~.dnb-radio__dot{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__dot{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-radio__input[disabled]:checked~.dnb-radio__button,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__button{border-color:#b3dada;border-color:var(--color-sea-green-30)}.dnb-radio__input[disabled]:not(:checked):not([data-checked=true])~.dnb-radio__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-radio__input[disabled]:checked~.dnb-radio__dot,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__dot{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__button,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus~.dnb-radio__button{border:none}.dnb-radio__input:not([disabled]):active~.dnb-radio__focus,.dnb-radio__input:not([disabled]):focus~.dnb-radio__focus{display:block}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__button{border:none}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true]~.dnb-radio__dot{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__dot{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-radio>.dnb-form-status{-webkit-transform:translateY(.25rem);transform:translateY(.25rem)}.dnb-section--divider{color:#333;color:var(--color-black-80)}.dnb-section--divider:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #d2f0e9,99vw .0625rem 0 0 #d2f0e9,0 -.0625rem 0 0 #d2f0e9,99vw -.0625rem 0 0 #d2f0e9,198vw .0625rem 0 0 #d2f0e9,198vw -.0625rem 0 0 #d2f0e9;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #d2f0e9,99vw .0625rem 0 0 #d2f0e9,0 -.0625rem 0 0 #d2f0e9,99vw -.0625rem 0 0 #d2f0e9,198vw .0625rem 0 0 #d2f0e9,198vw -.0625rem 0 0 #d2f0e9;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:#fff;color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--mint-green-12{color:#333;color:var(--color-black-80)}.dnb-section--mint-green-12:after{color:#f4fbf9;color:var(--color-mint-green-12)}.dnb-section--white{color:#333;color:var(--color-black-80)}.dnb-section--white:after{color:#fff;color:var(--color-white)}.dnb-section--mint-green{color:#333;color:var(--color-black-80)}.dnb-section--mint-green:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-section--lavender{color:#333;color:var(--color-black-80)}.dnb-section--lavender:after{color:#f2f2f5;color:var(--color-lavender)}.dnb-section--sand-yellow{color:#333;color:var(--color-black-80)}.dnb-section--sand-yellow:after{color:#fbf6ec;color:var(--color-sand-yellow)}.dnb-section--pistachio{color:#333;color:var(--color-black-80)}.dnb-section--pistachio:after{color:#f2f4ec;color:var(--color-pistachio)}.dnb-section--black-3{color:#333;color:var(--color-black-80)}.dnb-section--black-3:after{color:#f8f8f8;color:var(--color-black-3)}.dnb-section--emerald-green{color:#a5e1d2;color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:#14555a;color:var(--color-emerald-green)}.dnb-section--sea-green{color:#fff;color:var(--color-white)}.dnb-section--sea-green:after{color:#007272;color:var(--color-sea-green)}.dnb-section--fire-red{color:#fff;color:var(--color-white)}.dnb-section--fire-red:after{color:#dc2a2a;color:var(--color-fire-red)}.dnb-section--fire-red-8{color:#333;color:var(--color-black-80)}.dnb-section--fire-red-8:after{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor{-webkit-box-shadow:0 .09375rem 0 0 #fff;box-shadow:0 .09375rem 0 0 #fff;-webkit-box-shadow:0 .09375rem 0 0 var(--color-white);box-shadow:0 .09375rem 0 0 var(--color-white);color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:hover{background-color:#fff;background-color:var(--color-white);-webkit-box-shadow:none;box-shadow:none;color:#14555a;color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active{background-color:#fff;background-color:var(--color-white);color:#14555a;color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,.dnb-section--fire-red .dnb-anchor:not(:disabled):focus,.dnb-section--sea-green .dnb-anchor:not(:disabled):focus{background-color:transparent;color:#fff;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-anchor:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-anchor:not(:disabled):focus{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:#fff!important;color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-section--signal-orange{color:#00343e;color:var(--color-ocean-green)}.dnb-section--signal-orange:after{color:#ff5400;color:var(--color-signal-orange)}.dnb-section--fire-red ::-moz-selection,.dnb-section--mint-green ::-moz-selection,.dnb-section--signal-orange ::-moz-selection{background-color:#fff;background-color:var(--color-white)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection,.dnb-section--signal-orange ::selection{background-color:#fff;background-color:var(--color-white)}:root{--skeleton-delay:5s;--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-skeleton img,.dnb-skeleton video{-webkit-filter:brightness(0) contrast(0) opacity(.5);filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--shape.dnb-skeleton:before{background-color:#ebebeb!important;background-color:var(--skeleton-color)!important}.dnb-skeleton--lines.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--lines .dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:after{-webkit-animation:skeletonLinearAnimation 1.5s linear 5s infinite;animation:skeletonLinearAnimation 1.5s linear 5s infinite;-webkit-animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,#fff 1px,#fff 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,#fff 1px 2px,transparent 0 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--font-only::marker,.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font::marker{color:#ebebeb;color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--border-color:var(--skeleton-color);-webkit-animation:skeletonFontAnimation 5s linear 5s infinite;animation:skeletonFontAnimation 5s linear 5s infinite;-webkit-animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);background-color:#ebebeb!important;background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,#fff 1px,#fff 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,#fff 1px 2px,transparent 0 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem}@-webkit-keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@-webkit-keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}.dnb-slider__line{background-color:#007272;background-color:var(--color-sea-green)}.dnb-slider__line__after{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-slider__state--disabled .dnb-slider__line{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-slider__state--disabled .dnb-slider__line__after{background-color:#e9f8f4;background-color:var(--color-mint-green-25)}.dnb-slider__thumb{-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .125rem var(--border-color);box-shadow:inset 0 0 0 .125rem var(--border-color);font-weight:500;font-weight:var(--font-weight-medium)}@supports (-webkit-touch-callout:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button{-webkit-box-shadow:inset 0 0 0 1px #007272;box-shadow:inset 0 0 0 1px #007272;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-step-indicator-v2 .dnb-step-indicator__item--visited .dnb-button{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);background-color:#fff;background-color:var(--color-white);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#333;color:var(--color-black-80)}@supports (-webkit-touch-callout:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{-webkit-box-shadow:inset 0 0 0 1px #ccc;box-shadow:inset 0 0 0 1px #ccc;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-20);box-shadow:inset 0 0 0 1px var(--color-black-20)}}.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .125rem var(--border-color);box-shadow:inset 0 0 0 .125rem var(--border-color)}@supports (-webkit-touch-callout:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{-webkit-box-shadow:inset 0 0 0 1px #333;box-shadow:inset 0 0 0 1px #333;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-80);box-shadow:inset 0 0 0 1px var(--color-black-80)}}html[data-whatinput=keyboard]
|
|
26
|
-
.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v2 .dnb-step-indicator__label,.dnb-step-indicator-v2 .dnb-step-indicator__label.dnb-p{font-size:1rem;font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status.dnb-button--secondary{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-button__icon{-ms-flex-item-align:start;align-self:flex-start;margin-right:.75rem;margin-top:1rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:400;font-weight:var(--font-weight-basis)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:#333;color:var(--color-black-80);font-size:.875rem;font-size:var(--font-size-x-small);line-height:1.125rem;line-height:var(--font-size-basis);margin-top:.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--static{color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--link{color:#007272;color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:4.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item:first-child{margin-left:0}@media screen and (max-width:50em){.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:2rem}}.dnb-step-indicator-v1 .dnb-step-indicator:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item:after,.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:after{background-color:#007272;background-color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content,.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover),.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]:not(:hover){color:#14555a;color:var(--color-emerald-green)}.dnb-switch__background{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#b3dada;background-color:var(--color-sea-green-30);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;position:relative}.dnb-switch__background:after{content:"";position:absolute;-webkit-transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,position .3s ease-out;transition:transform .3s ease-out,position .3s ease-out,-webkit-transform .3s ease-out}@media screen and (-ms-high-contrast:none){.dnb-switch__background:after{top:.25rem}}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid #007272;border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;-webkit-transform:translateX(-.3rem);transform:translateX(-.3rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 2.8rem));transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;-webkit-transform:translateX(.63rem);transform:translateX(.63rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 1.87rem));transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(-.45rem);transform:translateX(-.45rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 3.7rem));transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(.75rem);transform:translateX(.75rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 2.5rem));transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:#e9f8f4;background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:#b3dada;border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:#b3dada;background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):active~.dnb-switch__background,.dnb-switch__input:not([disabled]):focus~.dnb-switch__background{outline:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-switch__input:not([disabled]):active~.dnb-switch__button .dnb-switch__focus,.dnb-switch__input:not([disabled]):focus~.dnb-switch__button .dnb-switch__focus{display:block}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch>.dnb-form-status{-webkit-transform:translateY(.1875rem);transform:translateY(.1875rem)}.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{padding:.875rem 1rem}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--medium tbody>tr>.dnb-table__th,.dnb-table__size--medium tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{padding:.625rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--small tbody>tr>.dnb-table__th,.dnb-table__size--small tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;position:absolute;right:0}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border:0.0625rem solid var(--color-black-8);--outline:0.0625rem solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}.dnb-tabs__tabs:not(.dnb-section):before{background-color:#ebebeb;background-color:var(--color-black-8);-webkit-box-shadow:100vw 0 0 0 #ebebeb;box-shadow:100vw 0 0 0 #ebebeb;-webkit-box-shadow:100vw 0 0 0 var(--color-black-8);box-shadow:100vw 0 0 0 var(--color-black-8)}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button__title{color:#007272;color:var(--color-sea-green);display:block;font-size:1.125rem;font-size:var(--font-size-basis);font-weight:400;font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:#b3dada;color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:#14555a;color:var(--color-emerald-green)}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}:root{--textarea-rows:2}.dnb-textarea__textarea{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}.dnb-textarea__textarea ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-textarea__textarea ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}html[data-visual-test] .dnb-textarea__textarea{scroll-behavior:auto!important}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:var(--textarea-rows,2);color:#737373;color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55);-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:#f8f8f8;background-color:var(--color-black-3);-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:#dc2a2a;color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}:root{--timeline-icon-height--small:var(--button-height--small);--timeline-icon-width--small:var(--button-width--small);--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:var(--button-height--medium);--timeline-icon-width--medium:var(--button-width--medium);--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:.25rem;margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);background-color:#fff;background-color:var(--color-white);border-color:transparent;border-radius:.75rem;border-radius:var(--timeline-icon-border-radius--small);-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#333;color:var(--color-black-80);line-height:1.5rem;line-height:var(--timeline-icon-height--small);width:1.5rem;width:var(--timeline-icon-width--small)}@supports (-webkit-touch-callout:none){.dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-timeline__item__label__icon{-webkit-box-shadow:inset 0 0 0 1px #333;box-shadow:inset 0 0 0 1px #333;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-80);box-shadow:inset 0 0 0 1px var(--color-black-80)}}.dnb-timeline__item__label__title{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);margin-left:1.25rem;margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed #737373;border-left:1px dashed var(--color-black-55);margin-left:.75rem;margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid #333;border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:#333;color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:1rem;margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:1.125rem;font-size:var(--font-size-basis);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin-left:1rem;margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:1rem;border-radius:var(--timeline-icon-border-radius--medium);line-height:2rem;line-height:var(--timeline-icon-height--medium);width:2rem;width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:#737373;color:var(--color-black-55);font-weight:400;font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:inset 0 0 0 1px #f8f8f8;box-shadow:inset 0 0 0 1px #f8f8f8;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-3);box-shadow:inset 0 0 0 1px var(--color-black-3)}}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}.dnb-toggle-button .dnb-checkbox__gfx path{stroke-width:.125rem}.dnb-toggle-button .dnb-radio__input:not([disabled])~.dnb-radio__button{-webkit-box-shadow:0 0 0 .0318rem #007272;box-shadow:0 0 0 .0318rem #007272;-webkit-box-shadow:0 0 0 .0318rem var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon{color:inherit}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button{background-color:transparent;border-color:#a5e1d2;border-color:var(--color-mint-green);-webkit-box-shadow:0 0 0 .0318rem #a5e1d2;box-shadow:0 0 0 .0318rem #a5e1d2;-webkit-box-shadow:0 0 0 .0318rem var(--color-mint-green);box-shadow:0 0 0 .0318rem var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot{background-color:#a5e1d2;background-color:var(--color-mint-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .09375rem var(--border-color);box-shadow:inset 0 0 0 .09375rem var(--border-color)}@supports (-webkit-touch-callout:none){html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow:0 0 0 .09375rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow:0 0 0 .09375rem var(--border-color)}}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:inset 0 0 0 1px #14555a;box-shadow:inset 0 0 0 1px #14555a;-webkit-box-shadow:inset 0 0 0 1px var(--color-emerald-green);box-shadow:inset 0 0 0 1px var(--color-emerald-green)}}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button{background-color:#a5e1d2;background-color:var(--color-mint-green);border-color:#14555a;border-color:var(--color-emerald-green);-webkit-box-shadow:0 0 0 .0318rem #14555a;box-shadow:0 0 0 .0318rem #14555a;-webkit-box-shadow:0 0 0 .0318rem var(--color-emerald-green);box-shadow:0 0 0 .0318rem var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx{color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button{background-color:#14555a;background-color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx{color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button{-webkit-box-shadow:none;box-shadow:none}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard]
|
|
26
|
+
.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v2 .dnb-step-indicator__label,.dnb-step-indicator-v2 .dnb-step-indicator__label.dnb-p{font-size:1rem;font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status.dnb-button--secondary{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-button__icon{-ms-flex-item-align:start;align-self:flex-start;margin-right:.75rem;margin-top:1rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:400;font-weight:var(--font-weight-basis)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:#333;color:var(--color-black-80);font-size:.875rem;font-size:var(--font-size-x-small);line-height:1.125rem;line-height:var(--font-size-basis);margin-top:.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--static{color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--link{color:#007272;color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:4.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item:first-child{margin-left:0}@media screen and (max-width:50em){.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:2rem}}.dnb-step-indicator-v1 .dnb-step-indicator:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item:after,.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:after{background-color:#007272;background-color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content,.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover),.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]:not(:hover){color:#14555a;color:var(--color-emerald-green)}.dnb-switch__background{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#b3dada;background-color:var(--color-sea-green-30);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;position:relative}.dnb-switch__background:after{content:"";position:absolute;-webkit-transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,position .3s ease-out;transition:transform .3s ease-out,position .3s ease-out,-webkit-transform .3s ease-out}@media screen and (-ms-high-contrast:none){.dnb-switch__background:after{top:.25rem}}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid #007272;border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;-webkit-transform:translateX(-.3rem);transform:translateX(-.3rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 2.8rem));transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;-webkit-transform:translateX(.63rem);transform:translateX(.63rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 1.87rem));transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(-.45rem);transform:translateX(-.45rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 3.7rem));transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(.75rem);transform:translateX(.75rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 2.5rem));transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:#e9f8f4;background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:#b3dada;border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:#b3dada;background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):active~.dnb-switch__background,.dnb-switch__input:not([disabled]):focus~.dnb-switch__background{outline:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-switch__input:not([disabled]):active~.dnb-switch__button .dnb-switch__focus,.dnb-switch__input:not([disabled]):focus~.dnb-switch__button .dnb-switch__focus{display:block}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch>.dnb-form-status{-webkit-transform:translateY(.1875rem);transform:translateY(.1875rem)}.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{padding:.875rem 1rem}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--medium tbody>tr>.dnb-table__th,.dnb-table__size--medium tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{padding:.625rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--small tbody>tr>.dnb-table__th,.dnb-table__size--small tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;position:absolute;right:0}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border-width:0.0625rem;--outline-width:0.0625rem;--border:var(--border-width) solid var(--color-black-8);--outline:var(--outline-width) solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}.dnb-tabs__tabs:not(.dnb-section):before{background-color:#ebebeb;background-color:var(--color-black-8);-webkit-box-shadow:100vw 0 0 0 #ebebeb;box-shadow:100vw 0 0 0 #ebebeb;-webkit-box-shadow:100vw 0 0 0 var(--color-black-8);box-shadow:100vw 0 0 0 var(--color-black-8)}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button__title{color:#007272;color:var(--color-sea-green);display:block;font-size:1.125rem;font-size:var(--font-size-basis);font-weight:400;font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:#b3dada;color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:#14555a;color:var(--color-emerald-green)}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}:root{--textarea-rows:2}.dnb-textarea__textarea{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#007272 transparent;scrollbar-color:var(--color-sea-green) transparent;scrollbar-width:thin}.dnb-textarea__textarea ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-textarea__textarea ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:.5rem}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:.5rem}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:#007272;background-color:var(--color-sea-green);border-radius:.5rem}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:#14555a;background-color:var(--color-emerald-green)}}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}html[data-visual-test] .dnb-textarea__textarea{scroll-behavior:auto!important}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:var(--textarea-rows,2);color:#737373;color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55);-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:#f8f8f8;background-color:var(--color-black-3);-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:#dc2a2a;color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}:root{--timeline-icon-height--small:var(--button-height--small);--timeline-icon-width--small:var(--button-width--small);--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:var(--button-height--medium);--timeline-icon-width--medium:var(--button-width--medium);--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:.25rem;margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);background-color:#fff;background-color:var(--color-white);border-color:transparent;border-radius:.75rem;border-radius:var(--timeline-icon-border-radius--small);-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#333;color:var(--color-black-80);line-height:1.5rem;line-height:var(--timeline-icon-height--small);width:1.5rem;width:var(--timeline-icon-width--small)}@supports (-webkit-touch-callout:none){.dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-timeline__item__label__icon{-webkit-box-shadow:inset 0 0 0 1px #333;box-shadow:inset 0 0 0 1px #333;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-80);box-shadow:inset 0 0 0 1px var(--color-black-80)}}.dnb-timeline__item__label__title{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);margin-left:1.25rem;margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed #737373;border-left:1px dashed var(--color-black-55);margin-left:.75rem;margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid #333;border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:#333;color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:1rem;margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:1.125rem;font-size:var(--font-size-basis);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin-left:1rem;margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:1rem;border-radius:var(--timeline-icon-border-radius--medium);line-height:2rem;line-height:var(--timeline-icon-height--medium);width:2rem;width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:#737373;color:var(--color-black-55);font-weight:400;font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}}@media screen and (-ms-high-contrast:none){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:inset 0 0 0 1px #f8f8f8;box-shadow:inset 0 0 0 1px #f8f8f8;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-3);box-shadow:inset 0 0 0 1px var(--color-black-3)}}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}.dnb-toggle-button .dnb-checkbox__gfx path{stroke-width:.125rem}.dnb-toggle-button .dnb-radio__input:not([disabled])~.dnb-radio__button{-webkit-box-shadow:0 0 0 .0318rem #007272;box-shadow:0 0 0 .0318rem #007272;-webkit-box-shadow:0 0 0 .0318rem var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon{color:inherit}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button{background-color:transparent;border-color:#a5e1d2;border-color:var(--color-mint-green);-webkit-box-shadow:0 0 0 .0318rem #a5e1d2;box-shadow:0 0 0 .0318rem #a5e1d2;-webkit-box-shadow:0 0 0 .0318rem var(--color-mint-green);box-shadow:0 0 0 .0318rem var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot{background-color:#a5e1d2;background-color:var(--color-mint-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .09375rem var(--border-color);box-shadow:inset 0 0 0 .09375rem var(--border-color)}@supports (-webkit-touch-callout:none){html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow:0 0 0 .09375rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow:0 0 0 .09375rem var(--border-color)}}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:inset 0 0 0 1px #14555a;box-shadow:inset 0 0 0 1px #14555a;-webkit-box-shadow:inset 0 0 0 1px var(--color-emerald-green);box-shadow:inset 0 0 0 1px var(--color-emerald-green)}}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button{background-color:#a5e1d2;background-color:var(--color-mint-green);border-color:#14555a;border-color:var(--color-emerald-green);-webkit-box-shadow:0 0 0 .0318rem #14555a;box-shadow:0 0 0 .0318rem #14555a;-webkit-box-shadow:0 0 0 .0318rem var(--color-emerald-green);box-shadow:0 0 0 .0318rem var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx{color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button{background-color:#14555a;background-color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx{color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button{-webkit-box-shadow:none;box-shadow:none}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard]
|
|
27
27
|
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green);outline:none}html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard]
|
|
28
28
|
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .125rem var(--border-color);box-shadow:inset 0 0 0 .125rem var(--border-color)}@supports (-webkit-touch-callout:none){html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard]
|
|
29
29
|
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] html[data-whatinput=keyboard]
|
|
@@ -149,6 +149,11 @@ export type ButtonProps = {
|
|
|
149
149
|
*/
|
|
150
150
|
href?: string;
|
|
151
151
|
|
|
152
|
+
/**
|
|
153
|
+
* When button behaves as a link. Used to specifiy where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
|
|
154
|
+
*/
|
|
155
|
+
target?: string;
|
|
156
|
+
|
|
152
157
|
/**
|
|
153
158
|
* Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
|
|
154
159
|
*/
|
|
@@ -259,6 +259,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
|
|
|
259
259
|
id: PropTypes.string,
|
|
260
260
|
class: PropTypes.string,
|
|
261
261
|
href: PropTypes.string,
|
|
262
|
+
target: PropTypes.string,
|
|
262
263
|
to: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
|
|
263
264
|
custom_content: PropTypes.node,
|
|
264
265
|
wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
|
|
@@ -286,6 +287,7 @@ Button.defaultProps = {
|
|
|
286
287
|
icon_position: 'right',
|
|
287
288
|
icon_size: null,
|
|
288
289
|
href: null,
|
|
290
|
+
target: null,
|
|
289
291
|
to: null,
|
|
290
292
|
id: null,
|
|
291
293
|
class: null,
|
|
@@ -3,7 +3,7 @@ import ScrollView from './TableScrollView';
|
|
|
3
3
|
import { StickyHelper } from './TableStickyHeader';
|
|
4
4
|
import type { StickyTableHeaderProps } from './TableStickyHeader';
|
|
5
5
|
import type { SkeletonShow } from '../skeleton/Skeleton';
|
|
6
|
-
import type { SpacingProps } from '../../shared/types';
|
|
6
|
+
import type { LocaleProps, SpacingProps } from '../../shared/types';
|
|
7
7
|
export declare type TableSizes = 'large' | 'medium' | 'small';
|
|
8
8
|
export declare type TableVariants = 'generic';
|
|
9
9
|
export { StickyHelper };
|
|
@@ -49,7 +49,7 @@ export declare type TableProps = {
|
|
|
49
49
|
*/
|
|
50
50
|
fixed?: boolean;
|
|
51
51
|
} & StickyTableHeaderProps;
|
|
52
|
-
export declare type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & SpacingProps;
|
|
52
|
+
export declare type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & LocaleProps & SpacingProps;
|
|
53
53
|
export declare const defaultProps: {
|
|
54
54
|
size: string;
|
|
55
55
|
variant: string;
|
|
@@ -71,7 +71,7 @@ var Table = function Table(componentProps) {
|
|
|
71
71
|
value: {
|
|
72
72
|
trCountRef: trCountRef,
|
|
73
73
|
rerenderAlias: rerenderAlias,
|
|
74
|
-
allProps: _objectSpread(_objectSpread({}, context.getTranslation(componentProps).Table)
|
|
74
|
+
allProps: _objectSpread(_objectSpread({}, allProps), context.getTranslation(componentProps).Table)
|
|
75
75
|
}
|
|
76
76
|
}, React.createElement("table", _extends({
|
|
77
77
|
className: classnames('dnb-table', spacingClasses, skeletonClasses, className, variant && "dnb-table__variant--".concat(variant), size && "dnb-table__size--".concat(size), sticky && 'dnb-table--sticky', fixed && 'dnb-table--fixed', border && 'dnb-table--border', outline && 'dnb-table--outline', accordion && 'dnb-table--accordion'),
|
|
@@ -36,7 +36,7 @@ export function TableContainerHead(props) {
|
|
|
36
36
|
rest = _objectWithoutProperties(props, _excluded3);
|
|
37
37
|
|
|
38
38
|
return React.createElement("div", _extends({
|
|
39
|
-
className: classnames('dnb-table__container__head', className)
|
|
39
|
+
className: classnames('dnb-table__container__head', className, !children && 'dnb-table__container__head--empty')
|
|
40
40
|
}, rest), children);
|
|
41
41
|
}
|
|
42
42
|
export function TableContainerFoot(props) {
|
|
@@ -45,7 +45,7 @@ export function TableContainerFoot(props) {
|
|
|
45
45
|
rest = _objectWithoutProperties(props, _excluded4);
|
|
46
46
|
|
|
47
47
|
return React.createElement("div", _extends({
|
|
48
|
-
className: classnames('dnb-table__container__foot', className)
|
|
48
|
+
className: classnames('dnb-table__container__foot', className, !children && 'dnb-table__container__foot--empty')
|
|
49
49
|
}, rest), children);
|
|
50
50
|
}
|
|
51
51
|
TableContainer.Body = TableContainerBody;
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
padding: 0;
|
|
25
25
|
|
|
26
26
|
// In case the table-layout is fixed
|
|
27
|
+
&,
|
|
27
28
|
div {
|
|
28
29
|
width: 3.5rem;
|
|
29
30
|
|
|
@@ -195,6 +196,17 @@
|
|
|
195
196
|
}
|
|
196
197
|
}
|
|
197
198
|
|
|
199
|
+
td {
|
|
200
|
+
width: calc(100% - 3.5rem);
|
|
201
|
+
|
|
202
|
+
.dnb-table__size--medium & {
|
|
203
|
+
width: calc(100% - 3rem);
|
|
204
|
+
}
|
|
205
|
+
.dnb-table__size--small & {
|
|
206
|
+
width: calc(100% - 2.5rem);
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
|
|
198
210
|
td::before {
|
|
199
211
|
content: '';
|
|
200
212
|
position: absolute;
|
|
@@ -238,7 +250,6 @@
|
|
|
238
250
|
}
|
|
239
251
|
}
|
|
240
252
|
|
|
241
|
-
> td,
|
|
242
253
|
> td.dnb-table__td {
|
|
243
254
|
padding: 0;
|
|
244
255
|
|
|
@@ -248,7 +259,6 @@
|
|
|
248
259
|
}
|
|
249
260
|
}
|
|
250
261
|
|
|
251
|
-
&--expanded > td,
|
|
252
262
|
&--expanded > td.dnb-table__td {
|
|
253
263
|
background-color: var(--color-white);
|
|
254
264
|
}
|
|
@@ -269,7 +279,7 @@
|
|
|
269
279
|
cursor: pointer;
|
|
270
280
|
}
|
|
271
281
|
// prevent selection while animating – useful when user double-clicks
|
|
272
|
-
// TODO: Our SASS version
|
|
282
|
+
// TODO: Our SASS version does not support :has – so we may use this in future
|
|
273
283
|
// &__tr--has-accordion-content:has(& + &__tr__accordion_content--animating) {
|
|
274
284
|
// user-select: none;
|
|
275
285
|
// }
|
|
@@ -30,18 +30,50 @@
|
|
|
30
30
|
&:not([class*='space__bottom']) {
|
|
31
31
|
margin-bottom: 0;
|
|
32
32
|
}
|
|
33
|
+
|
|
34
|
+
&__size--large .dnb-table__th {
|
|
35
|
+
padding-top: 1.5rem;
|
|
36
|
+
}
|
|
33
37
|
}
|
|
34
38
|
}
|
|
35
39
|
|
|
36
40
|
&__head {
|
|
37
41
|
padding: 2rem 1rem 0;
|
|
38
42
|
|
|
43
|
+
&--empty {
|
|
44
|
+
padding: 0.5rem 0 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
39
47
|
.dnb-spacing & .dnb-h--large:not([class*='space__top']) {
|
|
40
48
|
margin: 0;
|
|
41
49
|
}
|
|
42
50
|
}
|
|
43
51
|
&__foot {
|
|
44
|
-
padding:
|
|
52
|
+
padding: 1rem;
|
|
53
|
+
padding-bottom: 1.25rem; // because of 8px scrollbar
|
|
54
|
+
|
|
55
|
+
&--empty {
|
|
56
|
+
padding-bottom: 1.5rem;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.dnb-table__scroll-view {
|
|
61
|
+
// Clip the native Scrollbar as per defined by UX
|
|
62
|
+
clip-path: inset(0 round 0 0 0.5rem 0.5rem);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// Ensure our outline on bottom is not overlaying the scrollbar on webkit
|
|
66
|
+
// We also need to escape the "selector" because its not supported by "node-sass".
|
|
67
|
+
@supports (-webkit-appearance: none) and
|
|
68
|
+
(not (-moz-appearance: meterbar)) {
|
|
69
|
+
&::after {
|
|
70
|
+
bottom: calc(var(--outline-width) * -1);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// TODO: Our SASS version c support :has – so we may use this in future
|
|
74
|
+
// &:has(#{&}__foot--empty)::after {
|
|
75
|
+
// bottom: 0;
|
|
76
|
+
// }
|
|
45
77
|
}
|
|
46
78
|
|
|
47
79
|
// When placed inside a Modal/Drawer, let the parent scroll-bar do its job.
|
|
@@ -87,9 +87,21 @@
|
|
|
87
87
|
&::before {
|
|
88
88
|
right: -0.5rem;
|
|
89
89
|
}
|
|
90
|
-
.dnb-icon
|
|
90
|
+
html[data-visual-test] & .dnb-icon,
|
|
91
|
+
:not(.dnb-table--active) &:active .dnb-icon {
|
|
91
92
|
opacity: 1;
|
|
92
93
|
}
|
|
94
|
+
|
|
95
|
+
// show underline
|
|
96
|
+
html:not([data-visual-test]) & {
|
|
97
|
+
.dnb-button__text::after {
|
|
98
|
+
opacity: 1;
|
|
99
|
+
color: inherit;
|
|
100
|
+
}
|
|
101
|
+
&:not(:active) .dnb-button__text::after {
|
|
102
|
+
visibility: visible;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
93
105
|
}
|
|
94
106
|
|
|
95
107
|
@include active() {
|
|
@@ -152,6 +164,13 @@
|
|
|
152
164
|
}
|
|
153
165
|
}
|
|
154
166
|
|
|
167
|
+
@include focus() {
|
|
168
|
+
// hide underline
|
|
169
|
+
.dnb-button__text::after {
|
|
170
|
+
opacity: 0;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
155
174
|
// webkit fix
|
|
156
175
|
&:hover:focus:not(:active) .dnb-button__text::after {
|
|
157
176
|
visibility: visible;
|
|
@@ -185,12 +185,33 @@
|
|
|
185
185
|
html:not([data-whatintent='touch'])
|
|
186
186
|
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
|
|
187
187
|
right: -0.5rem; }
|
|
188
|
-
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
|
|
188
|
+
html[data-visual-test] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
|
|
189
|
+
:not(.dnb-table--active) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
|
|
189
190
|
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
|
|
191
|
+
:not(.dnb-table--active)
|
|
192
|
+
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
|
|
190
193
|
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
|
|
194
|
+
:not(.dnb-table--active)
|
|
195
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
|
|
191
196
|
html:not([data-whatintent='touch'])
|
|
192
|
-
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon
|
|
197
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
|
|
198
|
+
:not(.dnb-table--active)
|
|
199
|
+
html:not([data-whatintent='touch'])
|
|
200
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon {
|
|
193
201
|
opacity: 1; }
|
|
202
|
+
html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
|
|
203
|
+
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
|
|
204
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
|
|
205
|
+
html:not([data-whatintent='touch'])
|
|
206
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
|
|
207
|
+
opacity: 1;
|
|
208
|
+
color: inherit; }
|
|
209
|
+
html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
|
|
210
|
+
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
|
|
211
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
|
|
212
|
+
html:not([data-whatintent='touch'])
|
|
213
|
+
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after {
|
|
214
|
+
visibility: visible; }
|
|
194
215
|
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
|
|
195
216
|
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
|
|
196
217
|
.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
|
|
@@ -324,6 +345,18 @@
|
|
|
324
345
|
color: #007272;
|
|
325
346
|
color: var(--color-sea-green);
|
|
326
347
|
opacity: 1; }
|
|
348
|
+
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
|
|
349
|
+
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
|
|
350
|
+
.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
|
|
351
|
+
html:not([data-whatintent='touch'])
|
|
352
|
+
.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled] {
|
|
353
|
+
cursor: not-allowed; }
|
|
354
|
+
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
|
|
355
|
+
html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
|
|
356
|
+
.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
|
|
357
|
+
html:not([data-whatintent='touch'])
|
|
358
|
+
.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
|
|
359
|
+
opacity: 0; }
|
|
327
360
|
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after,
|
|
328
361
|
.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
|
|
329
362
|
visibility: visible; }
|
|
@@ -623,12 +656,26 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
623
656
|
flex-direction: column; }
|
|
624
657
|
.dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
|
|
625
658
|
margin-bottom: 0; }
|
|
659
|
+
.dnb-table__container__body .dnb-table__size--large .dnb-table__th {
|
|
660
|
+
padding-top: 1.5rem; }
|
|
626
661
|
.dnb-table__container__head {
|
|
627
662
|
padding: 2rem 1rem 0; }
|
|
663
|
+
.dnb-table__container__head--empty {
|
|
664
|
+
padding: 0.5rem 0 0; }
|
|
628
665
|
.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
|
|
629
666
|
margin: 0; }
|
|
630
667
|
.dnb-table__container__foot {
|
|
631
|
-
padding:
|
|
668
|
+
padding: 1rem;
|
|
669
|
+
padding-bottom: 1.25rem; }
|
|
670
|
+
.dnb-table__container__foot--empty {
|
|
671
|
+
padding-bottom: 1.5rem; }
|
|
672
|
+
.dnb-table__container .dnb-table__scroll-view {
|
|
673
|
+
-webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
|
|
674
|
+
clip-path: inset(0 round 0 0 0.5rem 0.5rem); }
|
|
675
|
+
@supports (-webkit-appearance: none) and (not (-moz-appearance: meterbar)) {
|
|
676
|
+
.dnb-table__container::after {
|
|
677
|
+
bottom: calc(var(--outline-width)*-1);
|
|
678
|
+
bottom: calc(var(--outline-width) * -1); } }
|
|
632
679
|
.dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
|
|
633
680
|
overflow: visible; }
|
|
634
681
|
|
|
@@ -694,12 +741,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
694
741
|
var(--color-black-20); }
|
|
695
742
|
.dnb-table__th.dnb-table__th__accordion-icon {
|
|
696
743
|
padding: 0; }
|
|
744
|
+
.dnb-table__th.dnb-table__th__accordion-icon,
|
|
697
745
|
.dnb-table__th.dnb-table__th__accordion-icon div {
|
|
698
746
|
width: 3.5rem;
|
|
699
747
|
text-indent: -300vw; }
|
|
700
|
-
.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon
|
|
748
|
+
.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--medium
|
|
749
|
+
.dnb-table__th.dnb-table__th__accordion-icon div {
|
|
701
750
|
width: 3rem; }
|
|
702
|
-
.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon
|
|
751
|
+
.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--small
|
|
752
|
+
.dnb-table__th.dnb-table__th__accordion-icon div {
|
|
703
753
|
width: 2.5rem; }
|
|
704
754
|
.dnb-table__td.dnb-table__td__accordion-icon {
|
|
705
755
|
padding: 0;
|
|
@@ -810,6 +860,12 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
810
860
|
* we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
|
|
811
861
|
*/
|
|
812
862
|
display: block; } }
|
|
863
|
+
.dnb-table__tr__accordion_content td {
|
|
864
|
+
width: calc(100% - 3.5rem); }
|
|
865
|
+
.dnb-table__size--medium .dnb-table__tr__accordion_content td {
|
|
866
|
+
width: calc(100% - 3rem); }
|
|
867
|
+
.dnb-table__size--small .dnb-table__tr__accordion_content td {
|
|
868
|
+
width: calc(100% - 2.5rem); }
|
|
813
869
|
.dnb-table__tr__accordion_content td::before {
|
|
814
870
|
content: '';
|
|
815
871
|
position: absolute;
|
|
@@ -849,15 +905,11 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
849
905
|
.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing {
|
|
850
906
|
-webkit-transform: translateY(0);
|
|
851
907
|
transform: translateY(0); }
|
|
852
|
-
.dnb-table__tr__accordion_content > td,
|
|
853
908
|
.dnb-table__tr__accordion_content > td.dnb-table__td {
|
|
854
909
|
padding: 0; }
|
|
855
|
-
.dnb-table__tr__accordion_content > td .dnb-dl,
|
|
856
|
-
.dnb-table__tr__accordion_content > td .dnb-dl dt,
|
|
857
910
|
.dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl,
|
|
858
911
|
.dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl dt {
|
|
859
912
|
margin: 0; }
|
|
860
|
-
.dnb-table__tr__accordion_content--expanded > td,
|
|
861
913
|
.dnb-table__tr__accordion_content--expanded > td.dnb-table__td {
|
|
862
914
|
background-color: #fff;
|
|
863
915
|
background-color: var(--color-white); }
|