.fa-Icons{width:var(--width, .625rem);height:var(--height, .625rem)}.fa-Icons.customStyle :where(svg,path,rect,circle){fill:var(--fill, inherit);stroke:var(--stroke, inherit);stroke-width:var(--strokeWidth, inherit);transition-property:fill,stroke;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s}.fa-Icons svg{width:100%;height:100%;transition-property:width,height;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s}.form-spinbutton{--form-spinbutton-width: 100%;--form-spinbutton-padding-y: var(--InputPaddingY);--form-spinbutton-padding-x: 0rem;--form-spinbutton-gap: 0rem;--form-spinbutton-background-color: var(--color-white);--form-spinbutton-disabled-background-color: var(--color-gray-400);--form-spinbutton-readonly-background-color: var(--color-white);--form-spinbutton-border-width: 1px;--form-spinbutton-border-color: var(--color-gray-400);--form-spinbutton-disabled-border-color: var(--color-gray-300);--form-spinbutton-readonly-border-color: var(--color-gray-300);--form-spinbutton-border-radius: 0rem;--form-spinbutton-color: var(--color-gray-700);--form-spinbutton-disabled-color: var(--color-gray-600);--form-spinbutton-readonly-color: var(--color-gray-600);--form-spinbutton-font-size: var(--fontSize-base);--form-spinbutton-font-weight: 400;--form-spinbutton-text-align: center;--form-spinbutton-placeholder-color: var(--color-gray-600);--form-spinbutton-line-height: var(--line-height);--form-spinbutton-letter-spacing: var(--letter-spacing);--form-spinbutton-btn-width: 2.5rem;--form-spinbutton-btn-padding-y: 0rem;--form-spinbutton-btn-padding-x: 0rem;--form-spinbutton-btn-align-items: center;--form-spinbutton-btn-justify-content: center;--form-spinbutton-btn-icon-size: .75rem;--form-spinbutton-btn-icon-color: var(--color-gray-600);--form-spinbutton-disabled-btn-icon-color: var(--color-gray-600);--form-spinbutton-readonly-btn-icon-color: var(--color-gray-600);--form-spinbutton-btn-border-width: 0rem;--form-spinbutton-btn-background-color: var(--color-white);--form-spinbutton-disabled-btn-background-color: var(--color-gray-400);--form-spinbutton-readonly-btn-background-color: var(--color-white);--form-spinbutton-btn-border-color: var(--color-gray-400);--form-spinbutton-disabled-btn-border-color: var(--color-gray-300);--form-spinbutton-readonly-btn-border-color: var(--color-gray-300);--form-spinbutton-input-background-color: var(--color-white);--form-spinbutton-input-disabled-background-color: var(--color-gray-400);--form-spinbutton-input-readonly-background-color: var(--color-white);--form-spinbutton-input-border-width: 0rem;--form-spinbutton-input-border-color: var(--color-gray-400);--form-spinbutton-input-disabled-border-color: var(--color-gray-300);--form-spinbutton-input-readonly-border-color: var(--color-gray-300);--form-spinbutton-input-border-radius: 0rem;display:flex;align-items:stretch;justify-content:space-between;border-radius:.25rem;width:var(--form-spinbutton-width);gap:var(--form-spinbutton-gap);background-color:var(--form-spinbutton-background-color);border:var(--form-spinbutton-border-width) solid var(--form-spinbutton-border-color);border-radius:var(--form-spinbutton-border-radius);overflow:hidden;-ms-touch-action:auto;touch-action:manipulation}.form-spinbutton.form-spinbutton-active{--form-spinbutton-color: var(--color-green-500);--form-spinbutton-font-size: var(--fontSize-h4);--form-spinbutton-font-weight: 700}.form-spinbutton.form-spinbutton-disabled{background-color:var(--form-spinbutton-disabled-background-color);border:var(--form-spinbutton-border-width) solid var(--form-spinbutton-disabled-border-color)}.form-spinbutton.form-spinbutton-readonly{background-color:var(--form-spinbutton-readonly-background-color);border:var(--form-spinbutton-border-width) solid var(--form-spinbutton-readonly-border-color)}.form-spinbutton button{position:relative;display:flex;flex:none;width:var(--form-spinbutton-btn-width);padding:var(--form-spinbutton-btn-padding-y) var(--form-spinbutton-btn-padding-x);align-items:var(--form-spinbutton-btn-align-items);justify-content:var(--form-spinbutton-btn-justify-content);background-color:var(--form-spinbutton-btn-background-color);border:var(--form-spinbutton-btn-border-width) solid var(--form-spinbutton-btn-border-color);-ms-touch-action:auto;touch-action:manipulation}.form-spinbutton button:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:.0625rem;height:calc(100% - 1rem);background-color:var(--color-gray-300)}.form-spinbutton button.form-spinbutton-substract:before{right:0}.form-spinbutton button.form-spinbutton-add:before{left:0}.form-spinbutton button:first-child{border-top-left-radius:var(--form-spinbutton-border-radius);border-bottom-left-radius:var(--form-spinbutton-border-radius)}.form-spinbutton button:last-child{border-top-right-radius:var(--form-spinbutton-border-radius);border-bottom-right-radius:var(--form-spinbutton-border-radius)}.form-spinbutton button:disabled{background-color:var(--form-spinbutton-disabled-btn-background-color);border:var(--form-spinbutton-btn-border-width) solid var(--form-spinbutton-disabled-btn-border-color)}.form-spinbutton button:disabled .fa-Icons{--fill: var(--form-spinbutton-disabled-btn-icon-color)}.form-spinbutton button[data-readonly]{background-color:var(--form-spinbutton-readonly-btn-background-color);border:var(--form-spinbutton-btn-border-width) solid var(--form-spinbutton-readonly-btn-border-color);pointer-events:none;-webkit-user-select:none;user-select:none}.form-spinbutton button[data-readonly] .fa-Icons{--fill: var(--form-spinbutton-readonly-btn-icon-color)}.form-spinbutton button .fa-Icons{--width: var(--form-spinbutton-btn-icon-size);--height: var(--form-spinbutton-btn-icon-size);--fill: var(--form-spinbutton-btn-icon-color)}.form-spinbutton input.control-input{padding:var(--form-spinbutton-padding-y) var(--form-spinbutton-padding-x);color:var(--form-spinbutton-color);font-size:var(--form-spinbutton-font-size);font-weight:var(--form-spinbutton-font-weight);text-align:var(--form-spinbutton-text-align);line-height:var(--form-spinbutton-line-height);letter-spacing:var(--form-spinbutton-letter-spacing);background-color:var(--form-spinbutton-input-background-color);border:var(--form-spinbutton-input-border-width) solid var(--form-spinbutton-input-border-color);border-radius:var(--form-spinbutton-input-border-radius);flex-grow:1}.form-spinbutton input.control-input::placeholder{color:var(--form-spinbutton-placeholder-color)}.form-spinbutton input.control-input:disabled{color:var(--form-spinbutton-disabled-color);background-color:var(--form-spinbutton-input-disabled-background-color);border-color:var(--form-spinbutton-input-disabled-border-color)}.form-spinbutton input.control-input:readonly{color:var(--form-spinbutton-readonly-color);background-color:var(--form-spinbutton-input-readonly-background-color);border-color:var(--form-spinbutton-input-readonly-border-color)}.form-spinbutton input.control-input::-webkit-inner-spin-button,.form-spinbutton input.control-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}