:root{--nm-input-base__color:var(--color-gray-800)}.nm-input-base{align-items:center;background:#fff;border-radius:var(--border-radius);display:flex;gap:var(--spacing-2)}.nm-input-base>*{flex:0 0 auto}.nm-input-base input{background:#0000;border:none;color:var(--nm-input-base__color);flex:1 1 auto;font-family:var(--font);font-size:.875rem;outline:none;padding:1px;width:0}.nm-input-base .nm-input-base__clear-icon{--nm-icon__color:var(--color-gray-400);cursor:pointer;opacity:0;pointer-events:none}:is(.nm-input-base:focus-within,.nm-input-base:hover) .nm-input-base__clear-icon{opacity:1;pointer-events:auto}.nm-input-base input::-webkit-inner-spin-button,.nm-input-base input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nm-input-base input[type=number]{-moz-appearance:textfield}:is(.nm-input-base--error input,.nm-input-base--error .nm-icon):not(.nm-input-base__clear-icon){color:var(--color-error)}.nm-input-base--disabled .nm-icon,.nm-input-base--disabled input{color:var(--color-disabled)}.nm-paging__controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:var(--spacing-7);min-height:1.25rem}.nm-paging__controls>div{align-items:center;display:inline-flex;gap:var(--spacing-2)}:is(.nm-paging__controls>div) .nm-icon{border-radius:var(--spacing-3);cursor:pointer}:is(:is(.nm-paging__controls>div) .nm-icon):focus{outline:none}:is(:is(.nm-paging__controls>div) .nm-icon):focus-visible{outline:var(--focus-border-width) solid var(--color-focus)}:is(:is(.nm-paging__controls>div) .nm-icon):not(.nm-paging__page-chevron--disabled):hover{--nm-icon__color:var(--color-hover-foreground)}:is(.nm-paging__controls>div) .nm-paging__page-chevron--disabled{cursor:default;--nm-icon__color:var(--color-gray-400)}.nm-paging__controls .nm-input-base{background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--spacing-3);height:2rem;width:4rem}:is(.nm-paging__controls .nm-input-base):focus-within,:is(.nm-paging__controls .nm-input-base):hover{border:1px solid var(--color-focus)}:is(.nm-paging__controls .nm-input-base)>input{color:var(--color-assistive-text);font-size:.75rem;height:2rem;text-align:center;width:100%}.nm-paging__controls .nm-select{--nm-select__vertical-padding:var(--spacing-1);display:inline-block;width:auto}:is(.nm-paging__controls .nm-select) .nm-select__value-box{border:1px solid var(--color-border)}.nm-paging__controls,.nm-paging__controls .nm-input-base>input,.nm-paging__controls .nm-select__value{color:var(--color-assistive-text);font-size:.75rem;line-height:140%}
