@dnb/eufemia 10.46.0 → 10.47.0

package/cjs/style/themes/theme-eiendom/eiendom-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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }
@@ -844,7 +844,7 @@ 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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
@@ -865,7 +865,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -1072,7 +1072,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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -1110,7 +1110,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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }
@@ -1179,7 +1179,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .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);
   }
@@ -1198,7 +1198,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   margin-right: 0;
 }
 
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
     margin-left: 23rem;
   }
@@ -1345,7 +1345,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   position: static;
   max-width: 60rem;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-accordion-group--single-container .dnb-accordion__header {
     width: 40%;
   }
@@ -1357,7 +1357,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     margin-top: 0;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
     transform: rotate(-90deg);
   }
@@ -1365,7 +1365,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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-accordion-group--single-container .dnb-accordion-group__children {
     position: relative;
     display: flex;
@@ -1822,7 +1822,7 @@ html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-
   z-index: 3;
   cursor: text;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder, .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
     padding-right: 0 !important;
   }
@@ -2228,7 +2228,7 @@ html[data-visual-test] .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
     display: none;
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__toggle {
     display: none;
   }
@@ -2523,7 +2523,7 @@ button.dnb-button::-moz-focus-inner {
 .dnb-card .dnb-section {
   z-index: 1;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card {
     --nested-space-l: calc(var(--padding-left, 0px) * -1);
     --nested-space-r: calc(var(--padding-right, 0px) * -1);
@@ -3853,7 +3853,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: 80em) {
+@media screen and (min-width: 80.0625em) {
   .dnb-drawer--spacing .dnb-drawer__content {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -3961,7 +3961,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: 80em) {
+@media screen and (min-width: 80.0625em) {
   .dnb-drawer--spacing .dnb-drawer__header {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -4001,7 +4001,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: 80em) {
+@media screen and (min-width: 80.0625em) {
   .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -4190,7 +4190,7 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
     border-radius: 50%;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
     padding: 0 0.5rem;
   }
@@ -4546,7 +4546,7 @@ legend.dnb-form-label {
     margin-top: 1rem;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
     align-items: center;
   }
@@ -4829,12 +4829,12 @@ button .dnb-form-status__text {
 .dnb-grid-container--column-gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--medium-columns, 6);
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -4844,12 +4844,12 @@ button .dnb-form-status__text {
     display: unset;
   }
 }
-@media screen and (min-width: 40em) and (max-width: 60em) {
+@media screen and (min-width: 40.0625em) and (max-width: 60em) {
   .dnb-grid-container__disabled--medium {
     display: unset;
   }
 }
-@media screen and (min-width: 72em) {
+@media screen and (min-width: 72.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -4863,13 +4863,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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .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: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-grid-item {
     --start-c: var(--large-c-s, 1);
     --end-c: var(--large-c-e, calc(var(--grid-columns) + 1));
@@ -6630,7 +6630,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
     );
   }
 }
-@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.0625em) {
   .dnb-section {
     --breakout: var(--breakout--medium, var(--breakout--fallback));
     --background-color--value: var(--background-color--medium);
@@ -6643,7 +6643,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
     );
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-section {
     --breakout: var(--breakout--large, var(--breakout--fallback));
     --background-color--value: var(--background-color--large);
@@ -7741,7 +7741,7 @@ html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~
     --padding-bottom: var(--space-b-s);
   }
 }
-@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.0625em) {
   .dnb-space {
     --padding-right: var(--space-r-m);
     --padding-left: var(--space-l-m);
@@ -7749,7 +7749,7 @@ html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~
     --padding-bottom: var(--space-b-m);
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-space {
     --padding-right: var(--space-r-l);
     --padding-left: var(--space-l-l);
@@ -9777,7 +9777,7 @@ html[data-visual-test] .dnb-textarea__textarea {
 .dnb-toggle-button-group__suffix {
   font-size: var(--font-size-basis);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-form-label + .dnb-toggle-button {
     transform: translateY(-0.5rem);
   }
@@ -12576,7 +12576,7 @@ html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer
 .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::before {
   visibility: hidden;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix {
     z-index: 2;
     background-color: inherit;
@@ -12701,7 +12701,7 @@ html[data-whatinput=keyboard] .dnb-drawer-list__option--selected .dnb-drawer-lis
        column-gap: var(--spacing-small);
   row-gap: var(--row-gap);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
     line-height: 2.5rem;
     margin-bottom: 0;
@@ -12951,7 +12951,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -12990,7 +12990,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -13012,7 +13012,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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }
@@ -13045,7 +13045,7 @@ 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: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
@@ -13066,7 +13066,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -13273,7 +13273,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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -13311,7 +13311,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: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }
@@ -13380,7 +13380,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .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);
   }
@@ -13399,7 +13399,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   margin-right: 0;
 }
 
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
     margin-left: 23rem;
   }