@dnb/eufemia/cjs/extensions/forms/Field/Number/style/dnb-number--isolated.min.css

DNB Eufemia Design System UI Library

.eufemia-scope--11_0_0 .dnb-forms-field-number{--number-control-button-border-width--focus:0.125rem;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before{--button-color-bg--disabled:var(
    --token-color-background-neutral-subtle
  )}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{--field-block-content-width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{--field-block-content-width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{--field-block-content-width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.eufemia-scope--11_0_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:15em){.eufemia-scope--11_0_0 .dnb-forms-field-number .dnb-input__shell{width:90%}}