@dnb/eufemia 10.50.0 → 10.51.0

package/es/style/themes/theme-sbanken/sbanken-theme-components.css

@@ -185,7 +185,7 @@ html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options, .dnb-
   word-break: break-word;
   font-size: inherit;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-drawer-list__option__suffix {
     grid-column: 2;
     grid-row: 1/-1;
@@ -333,7 +333,7 @@ html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawe
   justify-content: flex-start;
   align-items: center;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
     left: 0;
   }
@@ -500,7 +500,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
        column-gap: var(--spacing-small);
   row-gap: var(--row-gap);
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
     line-height: 2.5rem;
     margin-bottom: 0;
@@ -750,7 +750,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -789,7 +789,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -811,7 +811,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }
@@ -844,28 +844,20 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
   margin-top: 0;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
 }
 
-:root {
-  --forms-card-max-width: 36.5rem;
-}
-
-.dnb-forms-form .dnb-card {
-  max-width: var(--forms-card-max-width);
-}
-
 /*
  * Utilities
  */
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -1075,7 +1067,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block--max-width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -1113,7 +1105,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }
@@ -1157,9 +1149,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-wizard-layout__contents .dnb-forms-step {
   outline: none;
 }
-.dnb-forms-wizard-layout__contents .dnb-card {
-  max-width: var(--forms-card-max-width);
-}
 .dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
 .dnb-forms-wizard-layout__contents .dnb-forms-button-row > .appear-fx {
   --appear-opacity: 0;
@@ -1182,7 +1171,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -1201,7 +1190,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   margin-right: 0;
 }
 
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
     margin-left: 23rem;
   }
@@ -1348,7 +1337,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   position: static;
   max-width: 60rem;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-accordion-group--single-container .dnb-accordion__header {
     width: 40%;
   }
@@ -1360,7 +1349,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     margin-top: 0;
   }
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
     transform: rotate(-90deg);
   }
@@ -1368,7 +1357,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-accordion-group--single-container .dnb-accordion-group__children {
   max-width: 60rem;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-accordion-group--single-container .dnb-accordion-group__children {
     position: relative;
     display: flex;
@@ -1825,7 +1814,7 @@ html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-
   z-index: 3;
   cursor: text;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder, .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
     padding-right: 0 !important;
   }
@@ -2231,7 +2220,7 @@ html[data-visual-test] .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
     display: none;
   }
 }
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__toggle {
     display: none;
   }
@@ -2526,7 +2515,7 @@ button.dnb-button::-moz-focus-inner {
 .dnb-card .dnb-section {
   z-index: 1;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-card {
     --nested-space-l: calc(var(--padding-left, 0px) * -1);
     --nested-space-r: calc(var(--padding-right, 0px) * -1);
@@ -3856,7 +3845,7 @@ html:not([data-visual-test]) .dnb-dialog--hide {
 .dnb-drawer--spacing .dnb-drawer__content {
   padding: 0 var(--drawer-spacing);
 }
-@media screen and (min-width: 80.0625em) {
+@media screen and (min-width: 80.00625em) {
   .dnb-drawer--spacing .dnb-drawer__content {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -3964,7 +3953,7 @@ html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
 .dnb-drawer--spacing .dnb-drawer__header {
   padding: 0 var(--drawer-spacing);
 }
-@media screen and (min-width: 80.0625em) {
+@media screen and (min-width: 80.00625em) {
   .dnb-drawer--spacing .dnb-drawer__header {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -4004,7 +3993,7 @@ html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
   margin: var(--drawer-spacing) 0;
   padding: 0 var(--drawer-spacing);
 }
-@media screen and (min-width: 80.0625em) {
+@media screen and (min-width: 80.00625em) {
   .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -4193,7 +4182,7 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
     border-radius: 50%;
   }
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
     padding: 0 0.5rem;
   }
@@ -4549,7 +4538,7 @@ legend.dnb-form-label {
     margin-top: 1rem;
   }
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
     align-items: center;
   }
@@ -4832,12 +4821,12 @@ button .dnb-form-status__text {
 .dnb-grid-container--column-gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-grid-container {
     --grid-columns: var(--medium-columns, 6);
   }
 }
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -4847,12 +4836,12 @@ button .dnb-form-status__text {
     display: unset;
   }
 }
-@media screen and (min-width: 40.0625em) and (max-width: 60em) {
+@media screen and (min-width: 40.00625em) and (max-width: 60em) {
   .dnb-grid-container__disabled--medium {
     display: unset;
   }
 }
-@media screen and (min-width: 72.0625em) {
+@media screen and (min-width: 72.00625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -4866,13 +4855,13 @@ button .dnb-form-status__text {
   --start-c: var(--small-c-s, 1);
   --end-c: var(--small-c-e, calc(var(--grid-columns) + 1));
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-grid-item {
     --start-c: var(--medium-c-s, 1);
     --end-c: var(--medium-c-e, calc(var(--grid-columns) + 1));
   }
 }
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-grid-item {
     --start-c: var(--large-c-s, 1);
     --end-c: var(--large-c-e, calc(var(--grid-columns) + 1));
@@ -6633,7 +6622,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
     );
   }
 }
-@media screen and (max-width: 60em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.00625em) {
   .dnb-section {
     --breakout: var(--breakout--medium, var(--breakout--fallback));
     --background-color--value: var(--background-color--medium);
@@ -6646,7 +6635,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
     );
   }
 }
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-section {
     --breakout: var(--breakout--large, var(--breakout--fallback));
     --background-color--value: var(--background-color--large);
@@ -7744,7 +7733,7 @@ html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~
     --padding-bottom: var(--space-b-s);
   }
 }
-@media screen and (max-width: 60em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.00625em) {
   .dnb-space {
     --padding-right: var(--space-r-m);
     --padding-left: var(--space-l-m);
@@ -7752,7 +7741,7 @@ html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~
     --padding-bottom: var(--space-b-m);
   }
 }
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-space {
     --padding-right: var(--space-r-l);
     --padding-left: var(--space-l-l);
@@ -8971,6 +8960,7 @@ html:not([data-visual-test]) .dnb-tabs__tabs__tablist {
   justify-content: flex-end;
 }
 .dnb-tabs__tabs--center .dnb-tabs__tabs__tablist {
+  flex: 1;
   justify-content: center;
 }
 .dnb-tabs__tabs::before {
@@ -9780,7 +9770,7 @@ html[data-visual-test] .dnb-textarea__textarea {
 .dnb-toggle-button-group__suffix {
   font-size: var(--font-size-basis);
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-form-label + .dnb-toggle-button {
     transform: translateY(-0.5rem);
   }
@@ -12223,7 +12213,7 @@ html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled])
   background-size: cover;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5OTYgMTEuMDU3M0wxNC42NjY2IDIuMzkwNjdMMTUuNjA5MyAzLjMzMzM0TDUuOTk5OTYgMTIuOTQyN0wwLjM5MDYyNSA3LjMzMzM0TDEuMzMzMjkgNi4zOTA2N0w1Ljk5OTk2IDExLjA1NzNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix {
     z-index: 2;
     background-color: inherit;
@@ -12615,7 +12605,7 @@ html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[di
        column-gap: var(--spacing-small);
   row-gap: var(--row-gap);
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
     line-height: 2.5rem;
     margin-bottom: 0;
@@ -12865,7 +12855,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -12904,7 +12894,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -12926,7 +12916,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }
@@ -12959,28 +12949,20 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
   margin-top: 0;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
 }
 
-:root {
-  --forms-card-max-width: 36.5rem;
-}
-
-.dnb-forms-form .dnb-card {
-  max-width: var(--forms-card-max-width);
-}
-
 /*
  * Utilities
  */
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -13190,7 +13172,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block--max-width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -13228,7 +13210,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 25.0625em) {
+@media screen and (min-width: 25.00625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }
@@ -13272,9 +13254,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-wizard-layout__contents .dnb-forms-step {
   outline: none;
 }
-.dnb-forms-wizard-layout__contents .dnb-card {
-  max-width: var(--forms-card-max-width);
-}
 .dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
 .dnb-forms-wizard-layout__contents .dnb-forms-button-row > .appear-fx {
   --appear-opacity: 0;
@@ -13297,7 +13276,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -13316,7 +13295,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   margin-right: 0;
 }
 
-@media screen and (min-width: 60.0625em) {
+@media screen and (min-width: 60.00625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
     margin-left: 23rem;
   }