@dnb/eufemia/components/input-masked/style/dnb-input-masked--isolated.css

DNB Eufemia Design System UI Library

/*
* InputMasked component
*
*/
/*
 * Utilities
 */
.eufemia-scope--11_0_0 .dnb-input-masked input::placeholder {
  color: inherit;
}
.eufemia-scope--11_0_0 .dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button, .eufemia-scope--11_0_0 .dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.eufemia-scope--11_0_0 .dnb-input-masked--hide-controls[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
}

.eufemia-scope--11_0_0 .dnb-segmented-field__fieldset:not([class*=space__top]) {
  margin-top: 0;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__fieldset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__fieldset:not([class*=space__left]) {
  margin-left: 0;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__fieldset:not([class*=space__right]) {
  margin-right: 0;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__fieldset {
  padding: 0;
  border: none;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__fieldset--horizontal {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: baseline;
  gap: 1rem;
}

.eufemia-scope--11_0_0 .dnb-segmented-field__group {
  display: inline-flex;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__group > .dnb-segmented-field__section.dnb-input__input:first-child {
  padding-left: 0.5rem;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__group > .dnb-segmented-field__section.dnb-input__input:nth-last-child(1) {
  padding-right: 0.5rem;
}
.eufemia-scope--11_0_0 .dnb-segmented-field__group > .dnb-segmented-field__delimiter + .dnb-segmented-field__section.dnb-input__input {
  padding-left: 0.0625rem;
}

.eufemia-scope--11_0_0 .dnb-segmented-field__delimiter {
  display: flex;
  -webkit-user-select: none;
          user-select: none;
  padding: 0 0.25rem 0 0;
}
@supports (-moz-appearance: none) {
  .eufemia-scope--11_0_0 .dnb-segmented-field__delimiter {
    padding: 0 0.0625rem;
  }
}
.eufemia-scope--11_0_0 .dnb-segmented-field .dnb-segmented-field__section,
.eufemia-scope--11_0_0 .dnb-segmented-field .dnb-segmented-field__delimiter {
  color: var(--input-color-placeholder);
}
.eufemia-scope--11_0_0 .dnb-segmented-field .dnb-segmented-field__section--highlight,
.eufemia-scope--11_0_0 .dnb-segmented-field .dnb-segmented-field__delimiter--highlight {
  color: var(--input-color-text);
}
.eufemia-scope--11_0_0 .dnb-segmented-field .dnb-segmented-field__section {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0;
  padding: 0 0.125rem;
}
.eufemia-scope--11_0_0 .dnb-input--medium .dnb-segmented-field .dnb-segmented-field__section, .eufemia-scope--11_0_0 .dnb-input--large .dnb-segmented-field .dnb-segmented-field__section {
  padding: 0 0.25rem;
}
.eufemia-scope--11_0_0 .dnb-segmented-field .dnb-segmented-field__section {
  overflow: hidden;
  outline: none;
  cursor: text;
  white-space: nowrap;
  font-family: var(--font-family-monospace);
  border: none;
  background: transparent;
}