/*
    This is a copy of the styles for .a-value-modificator from the latest RB-Frontend.
    It is included because the main.css we're currently using as a base does nto have it yet.
    If you use a version that already has it, you do not need this file.
*/
.a-value-modificator {
  display: flex;
  height: 3rem;
  position: relative;
  width: auto;
}

.a-value-modificator input {
  background-color: var(--neutral__enabled__fill__default);
  border: none;
  border-bottom: 0.0625rem solid var(--neutral__enabled__front__default);
  color: var(--neutral__enabled__front__default);
  height: 3rem;
  padding: 0 1rem;
  width: 100%;
}

.a-value-modificator input:active[readonly], .a-value-modificator input:disabled[readonly], .a-value-modificator input:focus[readonly], .a-value-modificator input:hover[readonly], .a-value-modificator input[readonly] {
  background-color: var(--plain__enabled__fill__default);
  color: var(--plain__enabled__front__default);
  pointer-events: none;
}

.a-value-modificator input:active[readonly]::placeholder, .a-value-modificator input:disabled[readonly]::placeholder, .a-value-modificator input:focus[readonly]::placeholder, .a-value-modificator input:hover[readonly]::placeholder, .a-value-modificator input[readonly]::placeholder {
  color: var(--plain__enabled__front__default);
}

.a-value-modificator input::placeholder {
  color: var(--neutral__enabled__front__default);
  opacity: 0.5;
}

.a-value-modificator input:hover {
  background-color: var(--neutral__enabled__fill__hovered);
  color: var(--neutral__enabled__front__hovered);
  cursor: text;
}

.a-value-modificator input:active {
  background-color: var(--neutral__enabled__fill__pressed);
  color: var(--neutral__enabled__front__pressed);
  cursor: text;
}

.a-value-modificator input:focus {
  background-color: var(--neutral__focused__fill__default);
  border-bottom-color: var(--neutral__focused__front__default);
  cursor: text;
}

.a-value-modificator input:focus-visible {
  border: 0.1875rem solid var(--plain__enabled__front__default);
  outline: 0.1875rem solid var(--background);
  outline-offset: -0.375rem;
  padding-block-end: 0.0625rem;
  padding-inline: 0.8125rem;
}

.a-value-modificator input:disabled {
  background-color: var(--neutral__disabled__fill__default);
  border-bottom-color: var(--neutral__disabled__front__default);
  pointer-events: none;
}

.a-value-modificator input:disabled, .a-value-modificator input:disabled::placeholder {
  color: var(--neutral__disabled__front__default);
}

.a-value-modificator label {
  font-size: 0.75rem;
  margin: 0.25rem 1rem auto;
  max-width: calc(100% - 5rem);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.a-value-modificator label:has(~ input:disabled) {
  color: var(--neutral__disabled__front__default);
}

.a-value-modificator label + input {
  padding-bottom: 0.3125rem;
  padding-top: 1.125rem;
}

.a-value-modificator label + input:focus-visible {
  padding-block-end: 0.375rem;
}

.a-value-modificator__button, .a-value-modificator__icon-close, .a-value-modificator__icon-password, .a-value-modificator__icon-search, .a-value-modificator__minus-button, .a-value-modificator__plus-button {
  align-items: center;
  background-color: var(--neutral__enabled__fill__default);
  border-bottom: 0.0625rem solid var(--neutral__enabled__front__default);
  color: var(--neutral__enabled__front__default);
  display: inline-flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.a-value-modificator__button:hover, .a-value-modificator__icon-close:hover, .a-value-modificator__icon-password:hover, .a-value-modificator__icon-search:hover, .a-value-modificator__minus-button:hover, .a-value-modificator__plus-button:hover {
  background-color: var(--neutral__enabled__fill__hovered);
}

.a-value-modificator__button:active, .a-value-modificator__icon-close:active, .a-value-modificator__icon-password:active, .a-value-modificator__icon-search:active, .a-value-modificator__minus-button:active, .a-value-modificator__plus-button:active {
  background-color: var(--neutral__enabled__fill__pressed);
}

.a-value-modificator__button:focus-visible, .a-value-modificator__icon-close:focus-visible, .a-value-modificator__icon-password:focus-visible, .a-value-modificator__icon-search:focus-visible, .a-value-modificator__minus-button:focus-visible, .a-value-modificator__plus-button:focus-visible {
  outline: 3px solid var(--plain__enabled__front__default);
  outline-offset: -3px;
  position: relative;
  --focus-border-radius: 0px ;
}

.a-value-modificator__button:focus-visible:after, .a-value-modificator__icon-close:focus-visible:after, .a-value-modificator__icon-password:focus-visible:after, .a-value-modificator__icon-search:focus-visible:after, .a-value-modificator__minus-button:focus-visible:after, .a-value-modificator__plus-button:focus-visible:after {
  border-radius: var(--focus-border-radius);
  content: "";
  height: 100%;
  left: 0;
  outline: 3px solid var(--background);
  outline-offset: -6px;
  position: absolute;
  top: 0;
  width: 100%;
}

.a-value-modificator__button:disabled, .a-value-modificator__icon-close:disabled, .a-value-modificator__icon-password:disabled, .a-value-modificator__icon-search:disabled, .a-value-modificator__minus-button:disabled, .a-value-modificator__plus-button:disabled {
  background-color: var(--neutral__disabled__fill__default);
  border-bottom-color: var(--neutral__disabled__front__default);
  color: var(--neutral__disabled__front__default);
  pointer-events: none;
}

.a-value-modificator input:not(:disabled) ~ .a-value-modificator__minus-button:disabled, .a-value-modificator input:not(:disabled) ~ .a-value-modificator__plus-button:disabled {
  background-color: var(--neutral__enabled__fill__default);
  border-bottom-color: var(--neutral__enabled__front__default);
}

.a-value-modificator input:not(:disabled)[readonly] ~ .a-value-modificator__minus-button, .a-value-modificator input:not(:disabled)[readonly] ~ .a-value-modificator__plus-button {
  background-color: var(--plain__enabled__fill__default);
  border-bottom-color: var(--plain__enabled__front__default);
  color: var(--plain__enabled__front__default);
  pointer-events: none;
}

.a-value-modificator input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.a-value-modificator input[type=number] {
  -moz-appearance: textfield;
}

.a-value-modificator label {
  max-width: calc(100% - 8rem);
}
/*# sourceMappingURL=valueModificator.css.map */