preact-arco-design
Version:
Arco Design React UI Library.
1 lines • 23.6 kB
CSS
.arco-form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.arco-form-inline{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.arco-form-inline .arco-form-item{width:auto;margin-bottom:8px}.arco-form-item{width:100%;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.arco-form-item>.arco-form-label-item{padding-right:16px}.arco-form-item.arco-form-item-error{margin-bottom:0}.arco-form-item-wrapper-flex.arco-col{-webkit-box-flex:1;-ms-flex:1;flex:1}.arco-form-size-mini .arco-form-label-item{line-height:24px}.arco-form-size-mini .arco-form-label-item>label{font-size:12px}.arco-form-size-mini .arco-form-item-control{min-height:24px}.arco-form-size-small .arco-form-label-item{line-height:28px}.arco-form-size-small .arco-form-label-item>label{font-size:14px}.arco-form-size-small .arco-form-item-control{min-height:28px}.arco-form-size-large .arco-form-label-item{line-height:36px}.arco-form-size-large .arco-form-label-item>label{font-size:14px}.arco-form-size-large .arco-form-item-control{min-height:36px}.arco-form-extra{font-size:12px;color:var(--color-text-3);margin-top:4px}.arco-form-message{font-size:12px;color:rgb(var(--danger-6));min-height:20px;line-height:20px}.arco-form-message-help{color:var(--color-text-3)}.arco-form-message+.arco-form-extra{margin-bottom:4px;margin-top:0}.arco-form-layout-vertical{display:block}.arco-form-layout-vertical>.arco-form-label-item{line-height:1.5715;white-space:normal;text-align:left;padding:0;margin-bottom:8px}.arco-form-layout-inline{margin-right:24px}.arco-form-label-item{text-align:right;white-space:nowrap;line-height:32px}.arco-form-label-item-flex.arco-col{-webkit-box-flex:0;-ms-flex:0;flex:0}.arco-form-label-item-flex.arco-col>label{white-space:nowrap}.arco-form-label-item>label{font-size:14px;white-space:normal;color:var(--color-text-2)}.arco-form-label-item .arco-form-item-symbol{color:rgb(var(--danger-6));font-size:12px;line-height:1}.arco-form-label-item .arco-form-item-symbol svg{-webkit-transform:scale(.5);transform:scale(.5)}.arco-form-label-item-left{text-align:left}.arco-form-item-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:32px;width:100%}.arco-form-item-control-children{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.arco-form-item-control-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.arco-form .arco-slider{display:block}.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-validating .arco-input:not(.arco-input-disabled),.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled){border-color:transparent;background-color:var(--color-fill-2)}.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-validating .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-validating .arco-textarea.arco-textarea-focus,.arco-form-item-status-validating .arco-textarea.arco-textarea-focus:hover{border-color:rgb(var(--primary-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-primary-light-2);box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-form-item-status-validating .arco-input:focus,.arco-form-item-status-validating .arco-input:focus:hover{border-color:rgb(var(--primary-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-primary-light-2);box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input:hover{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-validating .arco-select:not(.arco-select-disabled) .arco-select-view{background-color:var(--color-fill-2);border-color:transparent}.arco-form-item-status-validating .arco-select:not(.arco-select-disabled):hover .arco-select-view{background-color:var(--color-fill-3);border-color:transparent}.arco-form-item-status-validating .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));-webkit-box-shadow:0 0 0 0 var(--color-primary-light-2);box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{background-color:var(--color-fill-2);border-color:transparent}.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{background-color:var(--color-fill-3);border-color:transparent}.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));-webkit-box-shadow:0 0 0 0 var(--color-primary-light-2);box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{background-color:var(--color-fill-2);border-color:transparent}.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{background-color:var(--color-fill-3);border-color:transparent}.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));-webkit-box-shadow:0 0 0 0 var(--color-primary-light-2);box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled){border-color:transparent;background-color:var(--color-fill-2)}.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled):hover{border-color:rgb(var(--primary-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-primary-light-2);box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-form-item-status-validating .arco-form-message-help{color:rgb(var(--primary-6))}.arco-form-item-status-validating .arco-form-item-feedback{color:rgb(var(--primary-6))}.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-success .arco-input:not(.arco-input-disabled),.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled){border-color:transparent;background-color:var(--color-fill-2)}.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-success .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-success .arco-textarea.arco-textarea-focus,.arco-form-item-status-success .arco-textarea.arco-textarea-focus:hover{border-color:rgb(var(--success-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-success-light-2);box-shadow:0 0 0 0 var(--color-success-light-2)}.arco-form-item-status-success .arco-input:focus,.arco-form-item-status-success .arco-input:focus:hover{border-color:rgb(var(--success-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-success-light-2);box-shadow:0 0 0 0 var(--color-success-light-2)}.arco-form-item-status-success .arco-input-inner-wrapper .arco-input{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-success .arco-input-inner-wrapper .arco-input:hover{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-success .arco-select:not(.arco-select-disabled) .arco-select-view{background-color:var(--color-fill-2);border-color:transparent}.arco-form-item-status-success .arco-select:not(.arco-select-disabled):hover .arco-select-view{background-color:var(--color-fill-3);border-color:transparent}.arco-form-item-status-success .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--success-6));-webkit-box-shadow:0 0 0 0 var(--color-success-light-2);box-shadow:0 0 0 0 var(--color-success-light-2)}.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{background-color:var(--color-fill-2);border-color:transparent}.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{background-color:var(--color-fill-3);border-color:transparent}.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{background-color:var(--color-bg-2);border-color:rgb(var(--success-6));-webkit-box-shadow:0 0 0 0 var(--color-success-light-2);box-shadow:0 0 0 0 var(--color-success-light-2)}.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{background-color:var(--color-fill-2);border-color:transparent}.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{background-color:var(--color-fill-3);border-color:transparent}.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--success-6));-webkit-box-shadow:0 0 0 0 var(--color-success-light-2);box-shadow:0 0 0 0 var(--color-success-light-2)}.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled){border-color:transparent;background-color:var(--color-fill-2)}.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled):hover{border-color:rgb(var(--success-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-success-light-2);box-shadow:0 0 0 0 var(--color-success-light-2)}.arco-form-item-status-success .arco-form-message-help{color:rgb(var(--success-6))}.arco-form-item-status-success .arco-form-item-feedback{color:rgb(var(--success-6))}.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-warning .arco-input:not(.arco-input-disabled),.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled){border-color:transparent;background-color:var(--color-warning-light-1)}.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-warning .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled):hover{border-color:transparent;background-color:var(--color-warning-light-2)}.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-warning .arco-textarea.arco-textarea-focus,.arco-form-item-status-warning .arco-textarea.arco-textarea-focus:hover{border-color:rgb(var(--warning-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-warning-light-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-form-item-status-warning .arco-input:focus,.arco-form-item-status-warning .arco-input:focus:hover{border-color:rgb(var(--warning-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-warning-light-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input:hover{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-warning .arco-select:not(.arco-select-disabled) .arco-select-view{background-color:var(--color-warning-light-1);border-color:transparent}.arco-form-item-status-warning .arco-select:not(.arco-select-disabled):hover .arco-select-view{background-color:var(--color-warning-light-2);border-color:transparent}.arco-form-item-status-warning .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--warning-6));-webkit-box-shadow:0 0 0 0 var(--color-warning-light-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{background-color:var(--color-warning-light-1);border-color:transparent}.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{background-color:var(--color-warning-light-2);border-color:transparent}.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{background-color:var(--color-bg-2);border-color:rgb(var(--warning-6));-webkit-box-shadow:0 0 0 0 var(--color-warning-light-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{background-color:var(--color-warning-light-1);border-color:transparent}.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{background-color:var(--color-warning-light-2);border-color:transparent}.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--warning-6));-webkit-box-shadow:0 0 0 0 var(--color-warning-light-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled){border-color:transparent;background-color:var(--color-warning-light-1)}.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover{border-color:transparent;background-color:var(--color-warning-light-2)}.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled):hover{border-color:rgb(var(--warning-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-warning-light-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-form-item-status-warning .arco-form-message-help{color:rgb(var(--warning-6))}.arco-form-item-status-warning .arco-form-item-feedback{color:rgb(var(--warning-6))}.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-error .arco-input:not(.arco-input-disabled),.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled){border-color:transparent;background-color:var(--color-danger-light-1)}.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-error .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-error .arco-textarea.arco-textarea-focus,.arco-form-item-status-error .arco-textarea.arco-textarea-focus:hover{border-color:rgb(var(--danger-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-danger-light-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-form-item-status-error .arco-input:focus,.arco-form-item-status-error .arco-input:focus:hover{border-color:rgb(var(--danger-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-danger-light-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-form-item-status-error .arco-input-inner-wrapper .arco-input{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-error .arco-input-inner-wrapper .arco-input:hover{background:0 0;-webkit-box-shadow:none;box-shadow:none}.arco-form-item-status-error .arco-select:not(.arco-select-disabled) .arco-select-view{background-color:var(--color-danger-light-1);border-color:transparent}.arco-form-item-status-error .arco-select:not(.arco-select-disabled):hover .arco-select-view{background-color:var(--color-danger-light-2);border-color:transparent}.arco-form-item-status-error .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));-webkit-box-shadow:0 0 0 0 var(--color-danger-light-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{background-color:var(--color-danger-light-1);border-color:transparent}.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{background-color:var(--color-danger-light-2);border-color:transparent}.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));-webkit-box-shadow:0 0 0 0 var(--color-danger-light-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{background-color:var(--color-danger-light-1);border-color:transparent}.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{background-color:var(--color-danger-light-2);border-color:transparent}.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));-webkit-box-shadow:0 0 0 0 var(--color-danger-light-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled){border-color:transparent;background-color:var(--color-danger-light-1)}.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled):hover{border-color:rgb(var(--danger-6));background-color:var(--color-bg-2);-webkit-box-shadow:0 0 0 0 var(--color-danger-light-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-form-item-status-error .arco-form-message-help{color:rgb(var(--danger-6))}.arco-form-item-status-error .arco-form-item-feedback{color:rgb(var(--danger-6))}.arco-form-item-control-children{position:relative}.arco-form-item-feedback{position:absolute;right:9px;top:50%;font-size:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.arco-form-item-feedback .arco-icon-loading{font-size:12px}.arco-form-item-has-feedback .arco-input,.arco-form-item-has-feedback .arco-input-inner-wrapper,.arco-form-item-has-feedback .arco-textarea{padding-right:28px}.arco-form-item-has-feedback .arco-input-number-mode-embed .arco-input-number-step-layer{right:24px}.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view,.arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view{padding-right:28px}.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix{padding-right:0}.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view,.arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view{padding-right:28px}.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix{padding-right:0}.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view,.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view{padding-right:28px}.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:0}.arco-form-item-has-feedback .arco-picker{padding-right:28px}.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon,.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon{margin-right:0;margin-left:0}.formblink-appear,.formblink-enter{opacity:0}.formblink-appear-active,.formblink-enter-active{opacity:1;-webkit-transition:opacity .3s cubic-bezier(0,0,1,1);transition:opacity .3s cubic-bezier(0,0,1,1)}.formblink-enter-done{-webkit-animation:arco-form-blink .5s cubic-bezier(0,0,1,1);animation:arco-form-blink .5s cubic-bezier(0,0,1,1)}@-webkit-keyframes arco-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes arco-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}