npm - @dnb/eufemia - Versions diffs - 9.23.0-beta.3 → 9.23.1 - Mend

@dnb/eufemia 9.23.0-beta.3 → 9.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (227) hide show

package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.css CHANGED Viewed

@@ -3188,17 +3188,18 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   color: #737373;
   color: var(--color-black-55);
   background-color: #f8f8f8;
-  background-color: var(--color-black-3);
-  --border-color: var(--color-black-55);
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-          box-shadow: 0 0 0 0.0625rem var(--border-color);
-  border-color: transparent; }
-  @media screen and (-ms-high-contrast: none) {
-    .dnb-dropdown__trigger[disabled] {
-      -webkit-box-shadow: 0 0 0 0.0625rem #737373;
-              box-shadow: 0 0 0 0.0625rem #737373;
-      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
-              box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
+  background-color: var(--color-black-3); }
+  .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
+    --border-color: var(--color-black-55);
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
+        -webkit-box-shadow: 0 0 0 0.0625rem #737373;
+                box-shadow: 0 0 0 0.0625rem #737373;
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+                box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
 .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
   --border-color: var(--color-fire-red);

package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.min.css CHANGED Viewed

@@ -5,7 +5,7 @@
 .dnb-drawer-list__option--selected
 .dnb-drawer-list__option__item:nth-of-type(n+2){color:#fff;color:var(--color-white)}.dnb-avatar,.dnb-avatar svg{color:#f2f4ec;color:var(--color-pistachio)}.dnb-avatar svg{fill:#f2f4ec;fill:var(--color-pistachio)}.dnb-avatar--primary{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-avatar--secondary{background-color:#f0f;background-color:var(--color-sea-green)}.dnb-avatar--tertiary{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green)}.dnb-avatar--tertiary svg{fill:#14555a;fill:var(--color-emerald-green);color:#14555a;color:var(--color-emerald-green)}.dnb-checkbox__gfx{-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-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:#fff;color:var(--color-white);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:#f0f;background-color:var(--color-sea-green)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:#f0f;color:var(--color-sea-green);opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:#fff;background-color:var(--color-white);border-color:#f0f;border-color:var(--color-sea-green)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:#b3dada;background-color:var(--color-sea-green-30);border-color:transparent}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not([data-checked=true]):active~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:#fff;color:var(--color-white)}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):not(:focus):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-checkbox__button{border-color:transparent}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__gfx{color:#f0f;color:var(--color-sea-green)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__gfx{color:#f0f;color:var(--color-sea-green)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__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-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__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-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:#dc2a2a;color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:#737373;color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled])~.dnb-date-picker--separator{color:#000;color:var(--color-black)}.dnb-date-picker__container{background-color:#fff;background-color:var(--color-white);border-radius:.25rem;-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-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{-webkit-box-shadow:none;box-shadow:none}.dnb-date-picker__header__title{font-size:1.125rem;font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:#333;color:var(--color-black-80);font-weight:500;font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch])
 .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch])
-.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#f0f;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-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-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{--border-color:var(--color-black-55);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);color:#737373;color:var(--color-black-55)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__trigger[disabled]{-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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--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);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#f0f;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--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-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);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-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #f0f;box-shadow:0 0 0 .0625rem #f0f;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section: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 #333,100vw .0625rem 0 0 #333;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 #333,100vw .0625rem 0 0 #333;-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-black-80),100vw .0625rem 0 0 var(--color-black-80);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-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#f0f;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #f0f;box-shadow:inset 0 0 0 1px #f0f;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-input__icon{color:#f0f;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);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);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--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){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-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)}}html:not([data-whatintent=touch])
+.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#f0f;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-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-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);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-dropdown__trigger[disabled]:not(.dnb-button--tertiary){-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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--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);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#f0f;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--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-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);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-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #f0f;box-shadow:0 0 0 .0625rem #f0f;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section: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 #333,100vw .0625rem 0 0 #333;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 #333,100vw .0625rem 0 0 #333;-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-black-80),100vw .0625rem 0 0 var(--color-black-80);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-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#f0f;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #f0f;box-shadow:inset 0 0 0 1px #f0f;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-input__icon{color:#f0f;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);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);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--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){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-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)}}html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:after,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover,html:not([data-whatintent=touch])

package/cjs/style/themes/theme-ui/dnb-theme-ui.css CHANGED Viewed

@@ -3174,17 +3174,18 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   color: #737373;
   color: var(--color-black-55);
   background-color: #f8f8f8;
-  background-color: var(--color-black-3);
-  --border-color: var(--color-black-55);
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-          box-shadow: 0 0 0 0.0625rem var(--border-color);
-  border-color: transparent; }
-  @media screen and (-ms-high-contrast: none) {
-    .dnb-dropdown__trigger[disabled] {
-      -webkit-box-shadow: 0 0 0 0.0625rem #737373;
-              box-shadow: 0 0 0 0.0625rem #737373;
-      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
-              box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
+  background-color: var(--color-black-3); }
+  .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
+    --border-color: var(--color-black-55);
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
+        -webkit-box-shadow: 0 0 0 0.0625rem #737373;
+                box-shadow: 0 0 0 0.0625rem #737373;
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+                box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
 .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
   --border-color: var(--color-fire-red);

package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css CHANGED Viewed

@@ -17,7 +17,7 @@
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-checkbox__gfx{-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-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:#fff;color:var(--color-white);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green);opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:#b3dada;background-color:var(--color-sea-green-30);border-color:transparent}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not([data-checked=true]):active~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:#fff;color:var(--color-white)}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):not(:focus):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-checkbox__button{border-color:transparent}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__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-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__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-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:#dc2a2a;color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:#737373;color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled])~.dnb-date-picker--separator{color:#000;color:var(--color-black)}.dnb-date-picker__container{background-color:#fff;background-color:var(--color-white);border-radius:.25rem;-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-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{-webkit-box-shadow:none;box-shadow:none}.dnb-date-picker__header__title{font-size:1.125rem;font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:#333;color:var(--color-black-80);font-weight:500;font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch])
 .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch])
-.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#007272;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-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-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{--border-color:var(--color-black-55);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);color:#737373;color:var(--color-black-55)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__trigger[disabled]{-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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--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);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#007272;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--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-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);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-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #007272;box-shadow:0 0 0 .0625rem #007272;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section: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 #333,100vw .0625rem 0 0 #333;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 #333,100vw .0625rem 0 0 #333;-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-black-80),100vw .0625rem 0 0 var(--color-black-80);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-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#007272;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-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-input__icon{color:#007272;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);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);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--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){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-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)}}html:not([data-whatintent=touch])
+.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#007272;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--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-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-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-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);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-dropdown__trigger[disabled]:not(.dnb-button--tertiary){-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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--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-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--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);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-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)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#007272;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--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-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);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-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);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-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #007272;box-shadow:0 0 0 .0625rem #007272;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section: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 #333,100vw .0625rem 0 0 #333;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 #333,100vw .0625rem 0 0 #333;-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-black-80),100vw .0625rem 0 0 var(--color-black-80);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-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#007272;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-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-input__icon{color:#007272;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);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);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-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){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--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){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--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-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-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)}}html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:after,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover,html:not([data-whatintent=touch])

package/components/accordion/style/dnb-accordion.css CHANGED Viewed

@@ -18,6 +18,98 @@
  * Document Reset
  *
  */
+/*
+* DNB icon
+*
+*/
+/**
+ * This file is only used to make components independent
+ * so that they can get imported individually, without the core styles
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Scopes
+ *
+ */
+/*
+ * Document Reset
+ *
+ */
+/*
+* Icon component
+*
+*/
+.dnb-icon {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 1rem;
+  line-height: 1rem;
+  color: inherit;
+  width: 1em;
+  height: 1em; }
+  .dnb-icon img,
+  .dnb-icon svg {
+    width: inherit;
+    height: inherit;
+    shape-rendering: geometricPrecision;
+    vertical-align: top; }
+  .dnb-icon svg[width='100%'] {
+    width: inherit; }
+  .dnb-icon svg[height='100%'] {
+    height: inherit; }
+  .dnb-icon--inherit-color svg:not([fill]),
+  .dnb-icon--inherit-color svg [fill] {
+    fill: currentColor; }
+  .dnb-icon--inherit-color svg [stroke] {
+    stroke: currentColor; }
+  .dnb-icon--small {
+    font-size: 0.75rem; }
+  .dnb-icon--default {
+    font-size: 1rem; }
+  .dnb-icon--medium {
+    font-size: 1.5rem; }
+  .dnb-icon--large {
+    font-size: 2rem; }
+  .dnb-icon--x-large {
+    font-size: 2.5rem; }
+  .dnb-icon--xx-large {
+    font-size: 3rem; }
+  .dnb-icon--custom-size {
+    width: auto;
+    height: auto; }
+  .dnb-icon--auto {
+    font-size: 1em; }
+  .dnb-icon--auto > .dnb-icon--wrapper {
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  h1 .dnb-icon,
+  h2 .dnb-icon,
+  h3 .dnb-icon,
+  h4 .dnb-icon,
+  h5 .dnb-icon,
+  h6 .dnb-icon {
+    vertical-align: middle; }
+  .dnb-icon.dnb-skeleton {
+    color: #ebebeb !important;
+    color: var(--skeleton-color) !important; }
+    .dnb-icon.dnb-skeleton::before, .dnb-icon.dnb-skeleton::after {
+      content: none !important; }
+  @media screen and (-ms-high-contrast: none) {
+    .dnb-icon {
+      -webkit-box-flex: 0;
+          -ms-flex: none;
+              flex: none; } }
 .dnb-accordion {
   font-family: 'DNB', sans-serif;
   font-family: var(--font-family-default);

package/components/accordion/style/dnb-accordion.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-accordion{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-accordion ,.dnb-accordion :after,.dnb-accordion :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-accordion :after,.dnb-accordion :before{text-decoration:inherit;vertical-align:inherit}:root{--accordion-border-width:0.0625rem;--accordion-border-radius:0.25rem;--accordion-easing:cubic-bezier(0.42,0,0,1)}.dnb-accordion{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis);position:relative}.dnb-accordion,.dnb-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-accordion__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid transparent;border:var(--accordion-border-width) solid transparent;border-radius:.25rem;border-radius:var(--accordion-border-radius);cursor:pointer;outline:none}.dnb-accordion__header:focus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-accordion__header {pointer-events:none}.dnb-accordion__header--prevent-click{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-accordion__header__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:1.5rem 0 1.5rem 2rem;width:100%}.dnb-accordion__header--description .dnb-accordion__header__wrapper{margin:1rem 0 1rem 2rem}.dnb-accordion__header__icon+.dnb-accordion__header__wrapper{margin-left:0;margin-right:2rem}.dnb-accordion__header__container{margin:0 1rem}.dnb-accordion__header__icon{-ms-flex-item-align:start;align-self:flex-start;font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);margin:1.5rem 1rem;-webkit-transition:-webkit-transform .4s cubic-bezier(.42,0,0,1);transition:-webkit-transform .4s cubic-bezier(.42,0,0,1);transition:transform .4s cubic-bezier(.42,0,0,1);transition:transform .4s cubic-bezier(.42,0,0,1),-webkit-transform .4s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .4s var(--accordion-easing);transition:-webkit-transform .4s var(--accordion-easing);transition:transform .4s var(--accordion-easing);transition:transform .4s var(--accordion-easing),-webkit-transform .4s var(--accordion-easing)}.dnb-accordion__header--description .dnb-accordion__header__icon{margin-top:1rem}.dnb-accordion__header__icon--right{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dnb-accordion__header__icon--right .dnb-accordion__header__icon{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.dnb-accordion__header__icon--right .dnb-accordion__header__container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-left:1rem;margin-right:1rem;order:2}.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper+.dnb-accordion__header__container{margin-right:0}.dnb-accordion__header__icon--right .dnb-accordion__header__container+.dnb-accordion__header__wrapper{margin-left:0}.dnb-accordion__header__title{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-accordion__header__description{font-size:1rem;font-size:var(--font-size-small);font-weight:400;font-weight:var(--font-weight-basis);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-accordion__header__description+.dnb-accordion__header__title,.dnb-accordion__header__title+.dnb-accordion__header__description{margin-top:.25rem}.dnb-accordion--expanded .dnb-accordion__header__icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.dnb-accordion--no-animation .dnb-accordion__header__icon,html[data-visual-test] .dnb-accordion__header__icon{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.dnb-accordion__content{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:height .4s cubic-bezier(.42,0,0,1),opacity .6s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1),opacity .6s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);visibility:visible;will-change:height}.dnb-accordion__content--hidden{height:0;opacity:0;visibility:hidden}.dnb-accordion__content--is-animating{overflow:hidden}.dnb-accordion__content__inner{margin-top:1rem}.dnb-accordion__content__inner--remove-content{display:none}.dnb-accordion-group--single-container{-webkit-transition:min-height 1s cubic-bezier(.42,0,0,1);transition:min-height 1s cubic-bezier(.42,0,0,1);-webkit-transition:min-height 1s var(--accordion-easing);transition:min-height 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion{max-width:60rem;position:static}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion__header{width:40%}.dnb-accordion-group--single-container .dnb-accordion__header__icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.dnb-accordion-group--single-container .dnb-accordion__content{margin-left:1rem;-webkit-transition:opacity 1s cubic-bezier(.42,0,0,1);transition:opacity 1s cubic-bezier(.42,0,0,1);-webkit-transition:opacity 1s var(--accordion-easing);transition:opacity 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion__content__inner{margin-top:0}}.dnb-accordion--no-animation .dnb-accordion__content,html[data-visual-test] .dnb-accordion__content{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.dnb-accordion-group--single-container .dnb-accordion-group__children{max-width:60rem}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion-group__children{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content{position:absolute;right:0;top:0;width:60%;z-index:10}}
1	+ .dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}.dnb-accordion{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-accordion ,.dnb-accordion :after,.dnb-accordion :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-accordion :after,.dnb-accordion :before{text-decoration:inherit;vertical-align:inherit}:root{--accordion-border-width:0.0625rem;--accordion-border-radius:0.25rem;--accordion-easing:cubic-bezier(0.42,0,0,1)}.dnb-accordion{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis);position:relative}.dnb-accordion,.dnb-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-accordion__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid transparent;border:var(--accordion-border-width) solid transparent;border-radius:.25rem;border-radius:var(--accordion-border-radius);cursor:pointer;outline:none}.dnb-accordion__header:focus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-accordion__header {pointer-events:none}.dnb-accordion__header--prevent-click{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-accordion__header__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:1.5rem 0 1.5rem 2rem;width:100%}.dnb-accordion__header--description .dnb-accordion__header__wrapper{margin:1rem 0 1rem 2rem}.dnb-accordion__header__icon+.dnb-accordion__header__wrapper{margin-left:0;margin-right:2rem}.dnb-accordion__header__container{margin:0 1rem}.dnb-accordion__header__icon{-ms-flex-item-align:start;align-self:flex-start;font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);margin:1.5rem 1rem;-webkit-transition:-webkit-transform .4s cubic-bezier(.42,0,0,1);transition:-webkit-transform .4s cubic-bezier(.42,0,0,1);transition:transform .4s cubic-bezier(.42,0,0,1);transition:transform .4s cubic-bezier(.42,0,0,1),-webkit-transform .4s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .4s var(--accordion-easing);transition:-webkit-transform .4s var(--accordion-easing);transition:transform .4s var(--accordion-easing);transition:transform .4s var(--accordion-easing),-webkit-transform .4s var(--accordion-easing)}.dnb-accordion__header--description .dnb-accordion__header__icon{margin-top:1rem}.dnb-accordion__header__icon--right{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dnb-accordion__header__icon--right .dnb-accordion__header__icon{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.dnb-accordion__header__icon--right .dnb-accordion__header__container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-left:1rem;margin-right:1rem;order:2}.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper+.dnb-accordion__header__container{margin-right:0}.dnb-accordion__header__icon--right .dnb-accordion__header__container+.dnb-accordion__header__wrapper{margin-left:0}.dnb-accordion__header__title{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-accordion__header__description{font-size:1rem;font-size:var(--font-size-small);font-weight:400;font-weight:var(--font-weight-basis);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-accordion__header__description+.dnb-accordion__header__title,.dnb-accordion__header__title+.dnb-accordion__header__description{margin-top:.25rem}.dnb-accordion--expanded .dnb-accordion__header__icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.dnb-accordion--no-animation .dnb-accordion__header__icon,html[data-visual-test] .dnb-accordion__header__icon{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.dnb-accordion__content{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:height .4s cubic-bezier(.42,0,0,1),opacity .6s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1),opacity .6s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);visibility:visible;will-change:height}.dnb-accordion__content--hidden{height:0;opacity:0;visibility:hidden}.dnb-accordion__content--is-animating{overflow:hidden}.dnb-accordion__content__inner{margin-top:1rem}.dnb-accordion__content__inner--remove-content{display:none}.dnb-accordion-group--single-container{-webkit-transition:min-height 1s cubic-bezier(.42,0,0,1);transition:min-height 1s cubic-bezier(.42,0,0,1);-webkit-transition:min-height 1s var(--accordion-easing);transition:min-height 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion{max-width:60rem;position:static}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion__header{width:40%}.dnb-accordion-group--single-container .dnb-accordion__header__icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.dnb-accordion-group--single-container .dnb-accordion__content{margin-left:1rem;-webkit-transition:opacity 1s cubic-bezier(.42,0,0,1);transition:opacity 1s cubic-bezier(.42,0,0,1);-webkit-transition:opacity 1s var(--accordion-easing);transition:opacity 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion__content__inner{margin-top:0}}.dnb-accordion--no-animation .dnb-accordion__content,html[data-visual-test] .dnb-accordion__content{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.dnb-accordion-group--single-container .dnb-accordion-group__children{max-width:60rem}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion-group__children{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content{position:absolute;right:0;top:0;width:60%;z-index:10}}

package/components/accordion/style/dnb-accordion.scss CHANGED Viewed

@@ -5,6 +5,9 @@
 @import '../../../style/components/imports.scss';
+// import dependencies
+@import '../../icon/style/dnb-icon.scss';
 .dnb-accordion {
   @include componentReset();
 }