.pf-numeric-field[data-numeric-profile] { display: flex; align-items: stretch; min-width: 0; width: 100%; height: var(--pf-control-height,56px); min-height: var(--pf-control-height,56px); padding: 0; box-sizing: border-box; overflow: hidden; border: 1px solid var(--p-border,var(--pf-control-border,#c5dbe6)); border-radius: var(--p-input-radius,var(--pf-control-radius,14px)); background: var(--p-input-bg,var(--pf-control-surface,#fff)); color: var(--p-text,var(--pf-control-text,#193747)); }
.pf-numeric-field:focus-within { border-color: var(--p-primary,var(--pf-control-accent,#008eaf)); box-shadow: 0 0 0 3px var(--p-focus-ring,color-mix(in srgb,var(--pf-control-accent,#008eaf) 14%,transparent)); }
.pf-numeric-field .pf-numeric-field__icon { display: grid; place-items: center; flex: 0 0 52px; width: 52px; margin: 0; background: var(--p-input-adornment-bg,#eff7fa); color: var(--p-primary,var(--pf-control-accent,#008eaf)); border-inline-end: 1px solid var(--p-border,var(--pf-control-border,#c5dbe6)); }
.pf-numeric-field__icon svg { width: 21px; height: 21px; }
.pf-numeric-field > .pf-numeric-field__input { box-sizing: border-box; flex: 1 1 0; width: 0; min-width: 0; max-width: none; height: 100%; min-height: 0; margin: 0; padding: 0 14px; border: 0 !important; border-radius: 0; outline: 0; box-shadow: none !important; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; }
.pf-numeric-field .pf-numeric-field__unit { display: grid; place-items: center; flex: 0 0 auto; max-width: 35%; margin: 0; padding-inline: 12px; color: var(--p-muted,var(--pf-control-muted,#61798a)); font-size: .875em; overflow-wrap: anywhere; }
.pf-numeric-field__unit[hidden],.pf-numeric-field__error[hidden],.pf-numeric-field > input[type=hidden] { display: none !important; }
.pf-numeric-field.has-slider > .pf-numeric-field__input { flex:0 1 7rem; width:7rem; }
.pf-numeric-field__slider { position:relative; display:block; flex:1 1 5rem; min-width:44px; height:var(--pf-icon-action-size,44px); min-height:44px; align-self:center; margin-inline:10px; cursor:pointer; touch-action:pan-y; }
.pf-numeric-field__slider::before { content:''; position:absolute; inset-inline:0; top:50%; height:4px; border-radius:3px; transform:translateY(-50%); background:linear-gradient(to right,var(--p-primary,var(--pf-control-accent,#008eaf)) var(--pf-slider-position),var(--p-border,var(--pf-control-border,#c5dbe6)) var(--pf-slider-position)); }
.pf-numeric-field__thumb { box-sizing:border-box; position:absolute; inset-inline-start:var(--pf-slider-position); top:50%; width:18px; height:18px; border:3px solid var(--p-input-bg,var(--pf-control-surface,#fff)); border-radius:50%; background:var(--p-primary,var(--pf-control-accent,#008eaf)); box-shadow:0 0 0 1px var(--p-primary,var(--pf-control-accent,#008eaf)); transform:translate(-50%,-50%); pointer-events:none; }
[dir=rtl] .pf-numeric-field__slider::before { background:linear-gradient(to left,var(--p-primary,var(--pf-control-accent,#008eaf)) var(--pf-slider-position),var(--p-border,var(--pf-control-border,#c5dbe6)) var(--pf-slider-position)); }
[dir=rtl] .pf-numeric-field__thumb { transform:translate(50%,-50%); }
.pf-numeric-field__slider:focus-visible { outline:2px solid var(--p-primary,var(--pf-control-accent,#008eaf)); outline-offset:3px; border-radius:6px; }
.pf-numeric-field__slider[aria-disabled=true] { cursor:default; opacity:var(--pf-control-disabled-opacity,.65); }
.pf-numeric-field__slider-output { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.pf-numeric-field__slider[hidden],.pf-numeric-field__slider-output[hidden] { display:none!important; }
.pf-numeric-field:has(input:disabled) { opacity: var(--pf-control-disabled-opacity,.65); background: var(--p-disabled-bg,var(--pf-control-disabled-bg,#f2f6f8)); }
.pf-numeric-field:has(> .pf-numeric-field__input:read-only) { background: var(--p-disabled-bg,var(--pf-control-disabled-bg,#f2f6f8)); }
.pf-numeric-field.is-invalid { border-color: var(--p-danger,var(--pf-control-error,#b42332)); }
.pf-numeric-field.is-invalid:focus-within { box-shadow: 0 0 0 3px var(--p-danger-ring,color-mix(in srgb,var(--pf-control-error,#b42332) 14%,transparent)); }
.pf-numeric-field__error { display: block; margin-top: var(--pf-control-message-gap,6px); color: var(--p-danger,var(--pf-control-error,#b42332)); font-size: var(--pf-control-message-size,.875rem); line-height:1.4; }
:is([data-bs-theme=dark],[data-theme=dark],.dark) .pf-numeric-field { --p-input-bg:#183441; --p-input-adornment-bg:#102b38; --p-border:#46616e; --p-text:#e1f0f5; --p-muted:#b3cbd7; }
@media(max-width:380px) { .pf-numeric-field .pf-numeric-field__icon { flex-basis:44px; width:44px; }.pf-numeric-field > .pf-numeric-field__input { padding-inline:10px; }.pf-numeric-field.has-slider > .pf-numeric-field__input { flex-basis:5rem;width:5rem; }.pf-numeric-field__slider{margin-inline:6px}.pf-numeric-field .pf-numeric-field__unit { padding-inline:8px; } }