.fz-input{--fz-input-text-color: var(--fz-text-color-regular);--fz-input-border: var(--fz-border);--fz-input-hover-border: var(--fz-border-color-hover);--fz-input-focus-border: var(--fz-color-primary);--fz-input-transparent-border: 0 0 0 1px transparent inset;--fz-input-border-color: var(--fz-border-color);--fz-input-border-radius: var(--fz-border-radius-base);--fz-input-bg-color: var(--fz-fill-color-blank);--fz-input-icon-color: var(--fz-text-color-placeholder);--fz-input-placeholder-color: var(--fz-text-color-placeholder);--fz-input-hover-border-color: var(--fz-border-color-hover);--fz-input-clear-hover-color: var(--fz-text-color-secondary);--fz-input-focus-border-color: var(--fz-color-primary);--fz-input-width: 100%;--fz-input-height: var(--fz-component-size);position:relative;font-size:var(--fz-font-size-base);display:inline-flex;width:var(--fz-input-width);line-height:var(--fz-input-height);box-sizing:border-box;vertical-align:middle}.fz-input::-webkit-scrollbar{z-index:11;width:6px}.fz-input::-webkit-scrollbar:horizontal{height:6px}.fz-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:var(--fz-text-color-disabled)}.fz-input::-webkit-scrollbar-corner{background:var(--fz-fill-color-blank)}.fz-input::-webkit-scrollbar-track{background:var(--fz-fill-color-blank)}.fz-input::-webkit-scrollbar-track-piece{background:var(--fz-fill-color-blank);width:6px}.fz-input .fz-input__clear,.fz-input .fz-input__password{color:var(--fz-input-icon-color);font-size:14px;cursor:pointer}.fz-input .fz-input__clear:hover,.fz-input .fz-input__password:hover{color:var(--fz-input-clear-hover-color)}.fz-input .fz-input__count{height:100%;display:inline-flex;align-items:center;color:var(--fz-color-info);font-size:12px}.fz-input .fz-input__count .fz-input__count-inner{background:var(--fz-fill-color-blank);line-height:normal;line-height:initial;display:inline-block;padding-left:8px}.fz-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--fz-fill-color-blank);background-color:var(--fz-input-bg-color, var(--fz-fill-color-blank));background-image:none;border-radius:var(--fz-border-radius-base);border-radius:var(--fz-input-border-radius, var(--fz-border-radius-base));cursor:text;transition:var(--fz-transition-box-shadow);transform:translateZ(0);box-shadow:0 0 0 1px var(--fz-border-color) inset;box-shadow:0 0 0 1px var(--fz-input-border-color, var(--fz-border-color)) inset}.fz-input__wrapper:hover{box-shadow:0 0 0 1px var(--fz-input-hover-border-color) inset}.fz-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--fz-input-focus-border-color) inset}.fz-input__inner{--fz-input-inner-height: calc(var(--fz-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--fz-text-color-regular);color:var(--fz-input-text-color, var(--fz-text-color-regular));font-size:inherit;height:var(--fz-input-inner-height);line-height:var(--fz-input-inner-height);padding:0;outline:none;border:none;background:none;box-sizing:border-box}.fz-input__inner:focus{outline:none}.fz-input__inner::-moz-placeholder{color:var(--fz-text-color-placeholder);color:var(--fz-input-placeholder-color, var(--fz-text-color-placeholder))}.fz-input__inner::placeholder{color:var(--fz-text-color-placeholder);color:var(--fz-input-placeholder-color, var(--fz-text-color-placeholder))}.fz-input__inner[type=password]::-ms-reveal{display:none}.fz-input__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--fz-text-color-placeholder);color:var(--fz-input-icon-color, var(--fz-text-color-placeholder));transition:all var(--fz-transition-duration);pointer-events:none}.fz-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.fz-input__prefix-inner>:last-child{margin-right:8px}.fz-input__prefix-inner>:first-child,.fz-input__prefix-inner>:first-child.fz-input__icon{margin-left:0}.fz-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--fz-text-color-placeholder);color:var(--fz-input-icon-color, var(--fz-text-color-placeholder));transition:all var(--fz-transition-duration);pointer-events:none}.fz-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.fz-input__suffix-inner>:first-child{margin-left:8px}.fz-input .fz-input__icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--fz-transition-duration);margin-left:8px}.fz-input__validateIcon{pointer-events:none}.fz-input.is-active .fz-input__wrapper{box-shadow:0 0 0 1px var(--fz-input-focus-color, ) inset}.fz-input.is-disabled{cursor:not-allowed}.fz-input.is-disabled .fz-input__wrapper{background-color:var(--fz-disabled-bg-color);box-shadow:0 0 0 1px var(--fz-disabled-border-color) inset}.fz-input.is-disabled .fz-input__inner{color:var(--fz-disabled-text-color);-webkit-text-fill-color:var(--fz-disabled-text-color);cursor:not-allowed}.fz-input.is-disabled .fz-input__inner::-moz-placeholder{color:var(--fz-text-color-placeholder)}.fz-input.is-disabled .fz-input__inner::placeholder{color:var(--fz-text-color-placeholder)}.fz-input.is-disabled .fz-input__icon{cursor:not-allowed}.fz-input.is-exceed .fz-input__wrapper{box-shadow:0 0 0 1px var(--fz-color-danger) inset}.fz-input.is-exceed .fz-input__suffix .fz-input__count{color:var(--fz-color-danger)}.fz-input--large{--fz-input-height: var(--fz-component-size-large);font-size:14px}.fz-input--large .fz-input__wrapper{padding:1px 15px}.fz-input--large .fz-input__inner{--fz-input-inner-height: calc(var(--fz-input-height, 40px) - 2px)}.fz-input--small{--fz-input-height: var(--fz-component-size-small);font-size:12px}.fz-input--small .fz-input__wrapper{padding:1px 7px}.fz-input--small .fz-input__inner{--fz-input-inner-height: calc(var(--fz-input-height, 24px) - 2px)}.fz-input-group{display:inline-flex;width:100%;align-items:stretch}.fz-input-group__append,.fz-input-group__prepend{background-color:var(--fz-fill-color-light);color:var(--fz-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--fz-input-border-radius);padding:0 20px;white-space:nowrap}.fz-input-group__append:focus,.fz-input-group__prepend:focus{outline:none}.fz-input-group__append .fz-select,.fz-input-group__append .fz-button,.fz-input-group__prepend .fz-select,.fz-input-group__prepend .fz-button{display:inline-block;margin:0 -20px}.fz-input-group__append button.fz-button,.fz-input-group__append button.fz-button:hover,.fz-input-group__append div.fz-select .fz-input__wrapper,.fz-input-group__append div.fz-select:hover .fz-input__wrapper,.fz-input-group__prepend button.fz-button,.fz-input-group__prepend button.fz-button:hover,.fz-input-group__prepend div.fz-select .fz-input__wrapper,.fz-input-group__prepend div.fz-select:hover .fz-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.fz-input-group__append .fz-button,.fz-input-group__append .fz-input,.fz-input-group__prepend .fz-button,.fz-input-group__prepend .fz-input{font-size:inherit}.fz-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--fz-input-border-color) inset,0 1px 0 0 var(--fz-input-border-color) inset,0 -1px 0 0 var(--fz-input-border-color) inset}.fz-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--fz-input-border-color) inset,0 -1px 0 0 var(--fz-input-border-color) inset,-1px 0 0 0 var(--fz-input-border-color) inset}.fz-input-group--prepend>.fz-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input .fz-input__inner{box-shadow:none!important}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input .fz-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--fz-input-border-color) inset,0 1px 0 0 var(--fz-input-border-color) inset,0 -1px 0 0 var(--fz-input-border-color) inset}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input.is-focus .fz-input__inner{box-shadow:none!important}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input.is-focus .fz-input__wrapper{box-shadow:1px 0 0 0 var(--fz-input-focus-border-color) inset,1px 0 0 0 var(--fz-input-focus-border-color),0 1px 0 0 var(--fz-input-focus-border-color) inset,0 -1px 0 0 var(--fz-input-focus-border-color) inset!important}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input.is-focus .fz-input__wrapper{z-index:2}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input.is-focus .fz-input__wrapper:focus{box-shadow:1px 0 0 0 var(--fz-input-focus-border-color) inset,1px 0 0 0 var(--fz-input-focus-border-color),0 1px 0 0 var(--fz-input-focus-border-color) inset,0 -1px 0 0 var(--fz-input-focus-border-color) inset!important}.fz-input-group--prepend .fz-input-group__prepend .fz-select .fz-input.is-focus .fz-input__wrapper:focus{outline:none;z-index:2}.fz-input-group--prepend .fz-input-group__prepend .fz-select:hover .fz-input__inner{box-shadow:none!important}.fz-input-group--prepend .fz-input-group__prepend .fz-select:hover .fz-input__wrapper{box-shadow:1px 0 0 0 var(--fz-input-hover-border-color) inset,1px 0 0 0 var(--fz-input-hover-border-color),0 1px 0 0 var(--fz-input-hover-border-color) inset,0 -1px 0 0 var(--fz-input-hover-border-color) inset!important}.fz-input-group--prepend .fz-input-group__prepend .fz-select:hover .fz-input__wrapper{z-index:1}.fz-input-group--append>.fz-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.fz-input-group--append .fz-input-group__append .fz-select .fz-input .fz-input__inner{box-shadow:none!important}.fz-input-group--append .fz-input-group__append .fz-select .fz-input .fz-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--fz-input-border-color) inset,0 -1px 0 0 var(--fz-input-border-color) inset,-1px 0 0 0 var(--fz-input-border-color) inset}.fz-input-group--append .fz-input-group__append .fz-select .fz-input.is-focus .fz-input__inner{box-shadow:none!important}.fz-input-group--append .fz-input-group__append .fz-select .fz-input.is-focus .fz-input__wrapper{box-shadow:-1px 0 0 0 var(--fz-input-focus-border-color),-1px 0 0 0 var(--fz-input-focus-border-color) inset,0 1px 0 0 var(--fz-input-focus-border-color) inset,0 -1px 0 0 var(--fz-input-focus-border-color) inset!important}.fz-input-group--append .fz-input-group__append .fz-select .fz-input.is-focus .fz-input__wrapper{z-index:2}.fz-input-group--append .fz-input-group__append .fz-select:hover .fz-input__inner{box-shadow:none!important}.fz-input-group--append .fz-input-group__append .fz-select:hover .fz-input__wrapper{box-shadow:-1px 0 0 0 var(--fz-input-hover-border-color),-1px 0 0 0 var(--fz-input-hover-border-color) inset,0 1px 0 0 var(--fz-input-hover-border-color) inset,0 -1px 0 0 var(--fz-input-hover-border-color) inset!important}.fz-input-group--append .fz-input-group__append .fz-select:hover .fz-input__wrapper{z-index:1}.fz-input-number{position:relative;display:inline-flex;width:130px;line-height:30px}.fz-input-number .fz-input__wrapper{padding-left:42px;padding-right:42px}.fz-input-number .fz-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.fz-input-number .fz-input__inner::-webkit-inner-spin-button,.fz-input-number .fz-input__inner::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.fz-input-number__increase,.fz-input-number__decrease{display:flex;justify-content:center;align-items:center;height:auto;position:absolute;z-index:1;top:1px;bottom:1px;width:32px;background:var(--fz-fill-color-light);color:var(--fz-text-color-regular);cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fz-input-number__increase:hover,.fz-input-number__decrease:hover{color:var(--fz-color-primary)}.fz-input-number__increase:hover~.fz-input:not(.is-disabled) .fz-input__wrapper,.fz-input-number__decrease:hover~.fz-input:not(.is-disabled) .fz-input__wrapper{box-shadow:0 0 0 1px var(--fz-color-primary) inset;box-shadow:0 0 0 1px var(--fz-input-focus-border-color, var(--fz-color-primary)) inset}.fz-input-number__increase.is-disabled,.fz-input-number__decrease.is-disabled{color:var(--fz-disabled-text-color);cursor:not-allowed}.fz-input-number__increase{right:1px;border-radius:0 var(--fz-border-radius-base) var(--fz-border-radius-base) 0;border-left:var(--fz-border)}.fz-input-number__decrease{left:1px;border-radius:var(--fz-border-radius-base) 0 0 var(--fz-border-radius-base);border-right:var(--fz-border)}.fz-input-number.is-disabled .fz-input-number__increase,.fz-input-number.is-disabled .fz-input-number__decrease{border-color:var(--fz-disabled-border-color);color:var(--fz-disabled-border-color)}.fz-input-number.is-disabled .fz-input-number__increase:hover,.fz-input-number.is-disabled .fz-input-number__decrease:hover{color:var(--fz-disabled-border-color);cursor:not-allowed}.fz-input-number--large{width:150px;line-height:38px}.fz-input-number--large .fz-input-number__increase,.fz-input-number--large .fz-input-number__decrease{width:40px;font-size:14px}.fz-input-number--large .fz-input__wrapper{padding-left:47px;padding-right:47px}.fz-input-number--small{width:100px;line-height:22px}.fz-input-number--small .fz-input-number__increase,.fz-input-number--small .fz-input-number__decrease{width:24px;font-size:12px}.fz-input-number--small .fz-input__wrapper{padding-left:31px;padding-right:31px}.fz-input-number--small .fz-input-number__increase [class*=fz-svg-icon],.fz-input-number--small .fz-input-number__decrease [class*=fz-svg-icon]{transform:scale(.9)}.fz-input-number.is-without-controls .fz-input__wrapper{padding-left:15px;padding-right:15px}.fz-input-number.is-controls-right .fz-input__wrapper{padding-left:15px;padding-right:42px}.fz-input-number.is-controls-right .fz-input-number__increase,.fz-input-number.is-controls-right .fz-input-number__decrease{--fz-input-number-controls-height: 15px;height:var(--fz-input-number-controls-height);line-height:var(--fz-input-number-controls-height)}.fz-input-number.is-controls-right .fz-input-number__increase [class*=fz-svg-icon],.fz-input-number.is-controls-right .fz-input-number__decrease [class*=fz-svg-icon]{transform:scale(.8)}.fz-input-number.is-controls-right .fz-input-number__increase{bottom:auto;left:auto;border-radius:0 var(--fz-border-radius-base) 0 0;border-bottom:var(--fz-border)}.fz-input-number.is-controls-right .fz-input-number__decrease{right:1px;top:auto;left:auto;border-right:none;border-left:var(--fz-border);border-radius:0 0 var(--fz-border-radius-base) 0}.fz-input-number.is-controls-right[class*=large] [class*=increase],.fz-input-number.is-controls-right[class*=large] [class*=decrease]{--fz-input-number-controls-height: 19px}.fz-input-number.is-controls-right[class*=small] [class*=increase],.fz-input-number.is-controls-right[class*=small] [class*=decrease]{--fz-input-number-controls-height: 11px}