@bee-design/ui/es/Input/style/index.css

Bee Design React UI Library.

.bee-input{padding-top:4px;padding-bottom:4px;line-height:1.5715;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;width:100%;border-radius:var(--bee-border-radius-small);color:var(--bee-color-text-1);padding-left:12px;padding-right:12px;font-size:14px;box-sizing:border-box;transition:color .1s cubic-bezier(0,0,1,1),border-color .1s cubic-bezier(0,0,1,1),background-color .1s cubic-bezier(0,0,1,1);border:1px solid transparent;background-color:var(--bee-color-fill-2)}.bee-input::-webkit-input-placeholder{color:var(--bee-color-text-3)}.bee-input::-moz-placeholder{color:var(--bee-color-text-3)}.bee-input::-ms-input-placeholder{color:var(--bee-color-text-3)}.bee-input::placeholder{color:var(--bee-color-text-3)}.bee-input:hover{background-color:var(--bee-color-fill-3);border-color:transparent}.bee-input.bee-input-focus,.bee-input:focus{border-color:rgb(var(--bee-primary-6));background-color:var(--bee-color-bg-2);box-shadow:0 0 0 0 var(--bee-color-primary-light-2)}.bee-input-error{border-color:transparent;background-color:var(--bee-color-danger-light-1)}.bee-input-error:hover{border-color:transparent;background-color:var(--bee-color-danger-light-2)}.bee-input-error.bee-input-focus,.bee-input-error:focus{border-color:rgb(var(--bee-danger-6));background-color:var(--bee-color-bg-2);box-shadow:0 0 0 0 var(--bee-color-danger-light-2)}.bee-input-disabled{background-color:var(--bee-color-fill-2);cursor:not-allowed;color:var(--bee-color-text-4);-webkit-text-fill-color:var(--bee-color-text-4);border-color:transparent}.bee-input-disabled:hover{border-color:transparent;background-color:var(--bee-color-fill-2);color:var(--bee-color-text-4)}.bee-input-disabled::-webkit-input-placeholder{color:var(--bee-color-text-4)}.bee-input-disabled::-moz-placeholder{color:var(--bee-color-text-4)}.bee-input-disabled::-ms-input-placeholder{color:var(--bee-color-text-4)}.bee-input-disabled::placeholder{color:var(--bee-color-text-4)}.bee-input input:disabled{color:var(--bee-color-text-4);opacity:1;-webkit-text-fill-color:var(--bee-color-text-4)}.bee-input-word-limit{font-size:12px;color:var(--bee-color-text-3);padding-left:8px}.bee-input-word-limit-error{color:rgb(var(--bee-danger-6))}.bee-input-size-mini{line-height:1.667;font-size:12px;padding-top:1px;padding-bottom:1px}.bee-input-size-small{padding-top:3px;padding-bottom:3px;font-size:13px}.bee-input-size-large{padding-top:6px;padding-bottom:6px;font-size:14px}.bee-input-group-wrapper-mini .bee-input-group-addafter,.bee-input-group-wrapper-mini .bee-input-group-addbefore{padding-left:8px;padding-right:8px}.bee-input-inner-wrapper.bee-input-inner-wrapper-mini{padding-left:8px;padding-right:8px}.bee-input-size-mini{padding-left:8px;padding-right:8px}.bee-input-group-wrapper-small .bee-input-group-addafter,.bee-input-group-wrapper-small .bee-input-group-addbefore{padding-left:12px;padding-right:12px}.bee-input-inner-wrapper.bee-input-inner-wrapper-small{padding-left:12px;padding-right:12px}.bee-input-size-small{padding-left:12px;padding-right:12px}.bee-input-group-wrapper-large .bee-input-group-addafter,.bee-input-group-wrapper-large .bee-input-group-addbefore{padding-left:16px;padding-right:16px}.bee-input-inner-wrapper.bee-input-inner-wrapper-large{padding-left:16px;padding-right:16px}.bee-input-size-large{padding-left:16px;padding-right:16px}.bee-input-clear-wrapper .bee-input{padding-right:24px}.bee-input-clear-icon{font-size:12px;cursor:pointer;color:var(--bee-color-text-2)}.bee-input-clear-icon:focus-visible::before{box-shadow:0 0 0 2px rgb(var(--bee-primary-6))}.bee-input-clear-icon>svg{transition:color .1s cubic-bezier(0,0,1,1);position:relative}.bee-input-inner-wrapper{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border-radius:var(--bee-border-radius-small);color:var(--bee-color-text-1);padding-left:12px;padding-right:12px;font-size:14px;box-sizing:border-box;transition:color .1s cubic-bezier(0,0,1,1),border-color .1s cubic-bezier(0,0,1,1),background-color .1s cubic-bezier(0,0,1,1);border:1px solid transparent;background-color:var(--bee-color-fill-2);display:inline-flex;width:100%;position:relative;align-items:center}.bee-input-inner-wrapper::-webkit-input-placeholder{color:var(--bee-color-text-3)}.bee-input-inner-wrapper::-moz-placeholder{color:var(--bee-color-text-3)}.bee-input-inner-wrapper::-ms-input-placeholder{color:var(--bee-color-text-3)}.bee-input-inner-wrapper::placeholder{color:var(--bee-color-text-3)}.bee-input-inner-wrapper:hover{background-color:var(--bee-color-fill-3);border-color:transparent}.bee-input-inner-wrapper.bee-input-inner-wrapper-focus,.bee-input-inner-wrapper:focus{border-color:rgb(var(--bee-primary-6));background-color:var(--bee-color-bg-2);box-shadow:0 0 0 0 var(--bee-color-primary-light-2)}.bee-input-inner-wrapper-error{border-color:transparent;background-color:var(--bee-color-danger-light-1)}.bee-input-inner-wrapper-error:hover{border-color:transparent;background-color:var(--bee-color-danger-light-2)}.bee-input-inner-wrapper-error.bee-input-inner-wrapper-focus,.bee-input-inner-wrapper-error:focus{border-color:rgb(var(--bee-danger-6));background-color:var(--bee-color-bg-2);box-shadow:0 0 0 0 var(--bee-color-danger-light-2)}.bee-input-inner-wrapper .bee-input{padding-left:0;padding-right:0;border-radius:0;border:none;background:0 0}.bee-input-inner-wrapper .bee-input:focus,.bee-input-inner-wrapper .bee-input:hover{background:0 0;box-shadow:none}.bee-input-inner-wrapper-has-prefix>.bee-input,.bee-input-inner-wrapper-has-prefix>.bee-input-clear-wrapper .bee-input{padding-left:12px}.bee-input-inner-wrapper>.bee-input-clear-wrapper{height:100%}.bee-input-inner-wrapper>.bee-input-clear-wrapper .bee-input{padding-right:12px}.bee-input-inner-wrapper>.bee-input-clear-wrapper .bee-input-clear-icon{right:8px}.bee-input-inner-wrapper .bee-input-group-prefix,.bee-input-inner-wrapper .bee-input-group-suffix{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;display:inline-flex;align-items:center;height:100%}.bee-input-inner-wrapper .bee-input-group-prefix>svg,.bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.bee-input-inner-wrapper .bee-input-group-prefix{color:var(--bee-color-text-2)}.bee-input-inner-wrapper .bee-input-group-suffix{color:var(--bee-color-text-2)}.bee-input-inner-wrapper-disabled{background-color:var(--bee-color-fill-2);cursor:not-allowed;color:var(--bee-color-text-4);-webkit-text-fill-color:var(--bee-color-text-4);border-color:transparent}.bee-input-inner-wrapper-disabled:hover{border-color:transparent;background-color:var(--bee-color-fill-2);color:var(--bee-color-text-4)}.bee-input-inner-wrapper-disabled::-webkit-input-placeholder{color:var(--bee-color-text-4)}.bee-input-inner-wrapper-disabled::-moz-placeholder{color:var(--bee-color-text-4)}.bee-input-inner-wrapper-disabled::-ms-input-placeholder{color:var(--bee-color-text-4)}.bee-input-inner-wrapper-disabled::placeholder{color:var(--bee-color-text-4)}.bee-input-inner-wrapper-disabled .bee-input-group-prefix,.bee-input-inner-wrapper-disabled .bee-input-group-suffix{color:inherit}.bee-input-inner-wrapper .bee-input-clear-icon{display:none}.bee-input-inner-wrapper:hover .bee-input-clear-icon{display:inline-block}.bee-input-inner-wrapper:hover .bee-input-clear-icon~.bee-input-group-suffix{margin-left:4px}.bee-input-inner-wrapper:not(.bee-input-inner-wrapper-focus) .bee-input-clear-icon:hover::before{background-color:var(--bee-color-fill-4)}.bee-input-group{display:table;width:100%;height:100%}.bee-input-group>.bee-input,.bee-input-group>.bee-input-inner-wrapper{border-radius:0}.bee-input-group>.bee-input-focus,.bee-input-group>.bee-input-inner-wrapper-focus{border-radius:var(--bee-border-radius-small)}.bee-input-group>:first-child{border-top-left-radius:var(--bee-border-radius-small);border-bottom-left-radius:var(--bee-border-radius-small)}.bee-input-group>:last-child{border-top-right-radius:var(--bee-border-radius-small);border-bottom-right-radius:var(--bee-border-radius-small)}.bee-input-group-addafter,.bee-input-group-addbefore{width:1px;display:table-cell;white-space:nowrap;height:100%;vertical-align:middle;box-sizing:border-box;padding:0 12px;color:var(--bee-color-text-1);background-color:var(--bee-color-fill-2);border:1px solid transparent}.bee-input-group-addafter>svg,.bee-input-group-addbefore>svg{font-size:14px}.bee-input-group-addafter{border-left:1px solid var(--bee-color-neutral-3)}.bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-addbefore{border-right:1px solid var(--bee-color-neutral-3)}.bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper{width:100%;display:inline-block;vertical-align:top}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group{font-size:12px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-inner-wrapper .bee-input-group-prefix,.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-inner-wrapper .bee-input-group-suffix{font-size:12px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-inner-wrapper .bee-input-group-prefix>svg,.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:12px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter,.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore{font-size:12px;height:22px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter>svg,.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore>svg{font-size:12px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-group-wrapper-mini .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group{font-size:13px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-inner-wrapper .bee-input-group-prefix,.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-inner-wrapper .bee-input-group-suffix{font-size:13px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-inner-wrapper .bee-input-group-prefix>svg,.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter,.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore{font-size:13px;height:26px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter>svg,.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore>svg{font-size:14px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-group-wrapper-small .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group{font-size:14px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-inner-wrapper .bee-input-group-prefix,.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-inner-wrapper .bee-input-group-suffix{font-size:14px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-inner-wrapper .bee-input-group-prefix>svg,.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter,.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore{font-size:14px;height:34px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter>svg,.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore>svg{font-size:14px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-group-wrapper-large .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group{font-size:14px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-prefix,.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-suffix{font-size:14px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-prefix>svg,.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter,.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore{font-size:14px;height:22px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter>svg,.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore>svg{font-size:14px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper.bee-input-custom-height .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper{height:100%}.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input{height:100%}.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input-clear-wrapper{height:100%}.bee-input-group-wrapper.bee-input-custom-height .bee-input-inner-wrapper .bee-input-clear-wrapper .bee-input{height:100%}.bee-input-group-wrapper .bee-input-inner-wrapper{height:100%}.bee-input-group-wrapper.bee-input-disabled{cursor:not-allowed}.bee-input-mirror{position:absolute;top:0;left:0;visibility:hidden}.bee-textarea{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;width:100%;border-radius:var(--bee-border-radius-small);color:var(--bee-color-text-1);padding-left:12px;padding-right:12px;box-sizing:border-box;transition:color .1s cubic-bezier(0,0,1,1),border-color .1s cubic-bezier(0,0,1,1),background-color .1s cubic-bezier(0,0,1,1);border:1px solid transparent;background-color:var(--bee-color-fill-2);font-size:14px;vertical-align:top;position:relative;padding:4px 12px;max-width:100%;min-height:32px;height:auto;line-height:1.5715;resize:vertical;overflow:auto}.bee-textarea::-webkit-input-placeholder{color:var(--bee-color-text-3)}.bee-textarea::-moz-placeholder{color:var(--bee-color-text-3)}.bee-textarea::-ms-input-placeholder{color:var(--bee-color-text-3)}.bee-textarea::placeholder{color:var(--bee-color-text-3)}.bee-textarea:hover{background-color:var(--bee-color-fill-3);border-color:transparent}.bee-textarea.bee-textarea-focus,.bee-textarea:focus{border-color:rgb(var(--bee-primary-6));background-color:var(--bee-color-bg-2);box-shadow:0 0 0 0 var(--bee-color-primary-light-2)}.bee-textarea-error{border-color:transparent;background-color:var(--bee-color-danger-light-1)}.bee-textarea-error:hover{border-color:transparent;background-color:var(--bee-color-danger-light-2)}.bee-textarea-error.bee-textarea-focus,.bee-textarea-error:focus{border-color:rgb(var(--bee-danger-6));background-color:var(--bee-color-bg-2);box-shadow:0 0 0 0 var(--bee-color-danger-light-2)}.bee-textarea-disabled{background-color:var(--bee-color-fill-2);cursor:not-allowed;color:var(--bee-color-text-4);-webkit-text-fill-color:var(--bee-color-text-4);border-color:transparent}.bee-textarea-disabled:hover{border-color:transparent;background-color:var(--bee-color-fill-2);color:var(--bee-color-text-4)}.bee-textarea-disabled::-webkit-input-placeholder{color:var(--bee-color-text-4)}.bee-textarea-disabled::-moz-placeholder{color:var(--bee-color-text-4)}.bee-textarea-disabled::-ms-input-placeholder{color:var(--bee-color-text-4)}.bee-textarea-disabled::placeholder{color:var(--bee-color-text-4)}.bee-input-group.bee-input-group-compact>.bee-select{vertical-align:unset}.bee-input-group.bee-input-group-compact>.bee-select .bee-select-view{border-radius:0}.bee-input-group.bee-input-group-compact>*{border-radius:0}.bee-input-group.bee-input-group-compact>* .bee-input-group>:first-child,.bee-input-group.bee-input-group-compact>* .bee-input-group>:last-child{border-radius:0}.bee-input-group.bee-input-group-compact>:not(:last-child){position:relative;border-right:1px solid var(--bee-color-neutral-3);box-sizing:border-box}.bee-input-group.bee-input-group-compact>:first-child,.bee-input-group.bee-input-group-compact>:first-child .bee-input-group>:first-child{border-top-left-radius:var(--bee-border-radius-small);border-bottom-left-radius:var(--bee-border-radius-small)}.bee-input-group.bee-input-group-compact>:first-child .bee-input-group>:first-child .bee-select .bee-select-view,.bee-input-group.bee-input-group-compact>:first-child .bee-select .bee-select-view{border-top-left-radius:var(--bee-border-radius-small);border-bottom-left-radius:var(--bee-border-radius-small)}.bee-input-group.bee-input-group-compact>:last-child,.bee-input-group.bee-input-group-compact>:last-child .bee-input-group>:last-child{border-top-right-radius:var(--bee-border-radius-small);border-bottom-right-radius:var(--bee-border-radius-small)}.bee-input-group.bee-input-group-compact>:last-child .bee-input-group>:last-child .bee-select .bee-select-view,.bee-input-group.bee-input-group-compact>:last-child .bee-select .bee-select-view{border-top-right-radius:var(--bee-border-radius-small);border-bottom-right-radius:var(--bee-border-radius-small)}.bee-input-group.bee-input-group-compact>.bee-input:not(:last-child){border-right-color:var(--bee-color-neutral-3)}.bee-input-group.bee-input-group-compact>.bee-input:not(:last-child):focus{border-right-color:rgb(var(--bee-primary-6))}.size-height-size-mini{line-height:1.667;font-size:12px;padding-top:1px;padding-bottom:1px}.size-height-size-small{padding-top:3px;padding-bottom:3px;font-size:13px}.size-height-size-large{padding-top:6px;padding-bottom:6px;font-size:14px}.size-height-group-wrapper-mini .bee-input-group-addafter,.size-height-group-wrapper-mini .bee-input-group-addbefore{padding-left:8px;padding-right:8px}.size-height-inner-wrapper.size-height-inner-wrapper-mini{padding-left:8px;padding-right:8px}.size-height-size-mini{padding-left:8px;padding-right:8px}.size-height-group-wrapper-small .bee-input-group-addafter,.size-height-group-wrapper-small .bee-input-group-addbefore{padding-left:12px;padding-right:12px}.size-height-inner-wrapper.size-height-inner-wrapper-small{padding-left:12px;padding-right:12px}.size-height-size-small{padding-left:12px;padding-right:12px}.size-height-group-wrapper-large .bee-input-group-addafter,.size-height-group-wrapper-large .bee-input-group-addbefore{padding-left:16px;padding-right:16px}.size-height-inner-wrapper.size-height-inner-wrapper-large{padding-left:16px;padding-right:16px}.size-height-size-large{padding-left:16px;padding-right:16px}.group-size.group-size-mini .bee-input-group{font-size:12px}.group-size.group-size-mini .bee-input-inner-wrapper .bee-input-group-prefix,.group-size.group-size-mini .bee-input-inner-wrapper .bee-input-group-suffix{font-size:12px}.group-size.group-size-mini .bee-input-inner-wrapper .bee-input-group-prefix>svg,.group-size.group-size-mini .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:12px}.group-size.group-size-mini .bee-input-group-addafter,.group-size.group-size-mini .bee-input-group-addbefore{font-size:12px;height:22px}.group-size.group-size-mini .bee-input-group-addafter>svg,.group-size.group-size-mini .bee-input-group-addbefore>svg{font-size:12px}.group-size.group-size-mini .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.group-size-mini .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.group-size.group-size-mini .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.group-size-mini .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.group-size-mini .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.group-size-mini .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.group-size-mini .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.group-size.group-size-mini .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.group-size-mini .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.group-size-mini .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.group-size-small .bee-input-group{font-size:13px}.group-size.group-size-small .bee-input-inner-wrapper .bee-input-group-prefix,.group-size.group-size-small .bee-input-inner-wrapper .bee-input-group-suffix{font-size:13px}.group-size.group-size-small .bee-input-inner-wrapper .bee-input-group-prefix>svg,.group-size.group-size-small .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.group-size.group-size-small .bee-input-group-addafter,.group-size.group-size-small .bee-input-group-addbefore{font-size:13px;height:26px}.group-size.group-size-small .bee-input-group-addafter>svg,.group-size.group-size-small .bee-input-group-addbefore>svg{font-size:14px}.group-size.group-size-small .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.group-size-small .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.group-size.group-size-small .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.group-size-small .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.group-size-small .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.group-size-small .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.group-size-small .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.group-size.group-size-small .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.group-size-small .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.group-size-small .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.group-size-large .bee-input-group{font-size:14px}.group-size.group-size-large .bee-input-inner-wrapper .bee-input-group-prefix,.group-size.group-size-large .bee-input-inner-wrapper .bee-input-group-suffix{font-size:14px}.group-size.group-size-large .bee-input-inner-wrapper .bee-input-group-prefix>svg,.group-size.group-size-large .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.group-size.group-size-large .bee-input-group-addafter,.group-size.group-size-large .bee-input-group-addbefore{font-size:14px;height:34px}.group-size.group-size-large .bee-input-group-addafter>svg,.group-size.group-size-large .bee-input-group-addbefore>svg{font-size:14px}.group-size.group-size-large .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.group-size-large .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.group-size.group-size-large .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.group-size-large .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.group-size-large .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.group-size-large .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.group-size-large .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.group-size.group-size-large .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.group-size-large .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.group-size-large .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.bee-input-custom-height .bee-input-group{font-size:14px}.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-prefix,.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-suffix{font-size:14px}.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-prefix>svg,.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input-group-suffix>svg{font-size:14px}.group-size.bee-input-custom-height .bee-input-group-addafter,.group-size.bee-input-custom-height .bee-input-group-addbefore{font-size:14px;height:22px}.group-size.bee-input-custom-height .bee-input-group-addafter>svg,.group-size.bee-input-custom-height .bee-input-group-addbefore>svg{font-size:14px}.group-size.bee-input-custom-height .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.bee-input-custom-height .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.group-size.bee-input-custom-height .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.group-size.bee-input-custom-height .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.bee-input-custom-height .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.bee-input-custom-height .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.bee-input-custom-height .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.group-size.bee-input-custom-height .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.group-size.bee-input-custom-height .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.group-size.bee-input-custom-height .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.group-size.bee-input-custom-height .bee-input-inner-wrapper{height:100%}.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input{height:100%}.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input-clear-wrapper{height:100%}.group-size.bee-input-custom-height .bee-input-inner-wrapper .bee-input-clear-wrapper .bee-input{height:100%}.bee-textarea-wrapper{display:inline-block;position:relative;width:100%}.bee-textarea-clear-wrapper:hover .bee-textarea-clear-icon{display:inline-block}.bee-textarea-clear-wrapper .bee-textarea{padding-right:20px}.bee-textarea-word-limit{position:absolute;font-size:12px;bottom:6px;right:10px;color:var(--bee-color-text-3);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bee-textarea-word-limit-error{color:rgb(var(--bee-danger-6))}.bee-textarea-clear-icon{display:none;position:absolute;right:10px;top:10px;font-size:12px;color:var(--bee-color-text-2)}.bee-textarea-clear-icon>svg{transition:color .1s cubic-bezier(0,0,1,1);position:relative}.bee-input-search.bee-input-group-wrapper .bee-input-group-addbefore{transition:all .1s cubic-bezier(0,0,1,1)}.bee-input-search.bee-input-group-wrapper .bee-input-group-addafter{padding:0;border:none}.bee-input-search.bee-input-group-wrapper .bee-input-group-suffix{color:var(--bee-color-text-2);font-size:14px}.bee-input-search.bee-input-group-wrapper:not(.bee-input-disabled) .bee-input-group-addbefore{cursor:pointer;color:var(--bee-color-text-2);font-size:14px}.bee-input-search.bee-input-group-wrapper .bee-input-search-btn{border-top-left-radius:0;border-bottom-left-radius:0;height:100%;font-size:14px;color:var(--bee-color-white)}.bee-input-search-button .bee-input-inner-wrapper:not(.bee-input-inner-wrapper-rtl){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-password.bee-input-group-wrapper:not(.bee-input-disabled) .bee-input-group-suffix{cursor:pointer;color:var(--bee-color-text-2);font-size:12px}.bee-input-password.bee-input-group-wrapper .bee-input-password-visibility-icon:focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-primary-6));border-radius:var(--bee-border-radius-small)}.bee-input-group-wrapper-rtl{direction:rtl}.bee-input-group-wrapper-rtl .bee-input-word-limit{padding-left:0;padding-right:input-padding-word-limit-left}.bee-input-group-wrapper-rtl.bee-input-clear-wrapper .bee-input{padding-right:0;padding-left:24px}.bee-input-group-wrapper-rtl .bee-input-group>:first-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-input-group-wrapper-rtl .bee-input-group>:last-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-input-group-wrapper-rtl .bee-input-group-addafter{border-left:none;border-right:1px solid var(--bee-color-neutral-3)}.bee-input-group-wrapper-rtl .bee-input-group-addafter .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper-rtl .bee-input-group-addafter .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px;border-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.bee-input-group-wrapper-rtl .bee-input-group-addafter .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-13px;margin-right:-12px}.bee-input-group-wrapper-rtl .bee-input-group-addafter .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper-rtl .bee-input-group-addafter .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper-rtl .bee-input-group-addbefore{border-right:none;border-left:1px solid var(--bee-color-neutral-3)}.bee-input-group-wrapper-rtl .bee-input-group-addbefore .item-style{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper-rtl .bee-input-group-addbefore .bee-input{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px;border-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.bee-input-group-wrapper-rtl .bee-input-group-addbefore .bee-select{margin-top:-1px;margin-bottom:-1px;width:auto;height:100%;margin-left:-12px;margin-right:-13px}.bee-input-group-wrapper-rtl .bee-input-group-addbefore .bee-select .bee-select-view{border-radius:0;background-color:inherit;border-color:transparent}.bee-input-group-wrapper-rtl .bee-input-group-addbefore .bee-select.bee-select-single .bee-select-view{height:100%}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:not(:last-child){border-right:none;border-left:1px solid var(--bee-color-neutral-3)}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:first-child,.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:first-child .bee-input-group>:first-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:first-child .bee-input-group>:first-child .bee-select .bee-select-view,.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:first-child .bee-select .bee-select-view{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:last-child,.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:last-child .bee-input-group>:last-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:last-child .bee-input-group>:last-child .bee-select .bee-select-view,.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>:last-child .bee-select .bee-select-view{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>.bee-input:not(:last-child){border-left-color:var(--bee-color-neutral-3)}.bee-input-group-wrapper-rtl .bee-input-group.bee-input-group-compact>.bee-input:not(:last-child):focus{border-left-color:rgb(var(--bee-primary-6))}.bee-input-group-wrapper-rtl.bee-input-search .bee-input-search-btn{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-input-inner-wrapper-rtl{direction:rtl}.bee-input-inner-wrapper-rtl.bee-input-inner-wrapper-has-prefix>.bee-input,.bee-input-inner-wrapper-rtl.bee-input-inner-wrapper-has-prefix>.bee-input-clear-wrapper .bee-input{padding-left:0;padding-right:12px}.bee-input-inner-wrapper-rtl>.bee-input-clear-wrapper .bee-input{padding-right:0;padding-left:12px}.bee-input-inner-wrapper-rtl>.bee-input-clear-wrapper .bee-input-clear-icon{right:initial;left:8px}.bee-input-inner-wrapper-rtl:hover .bee-input-clear-icon~.bee-input-group-suffix{margin-left:4px}.bee-input-search-button .bee-input-inner-wrapper-rtl{border-left:none;border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-textarea-wrapper-rtl{direction:rtl}.bee-textarea-wrapper-rtl .bee-textarea{padding-left:20px}.bee-textarea-wrapper-rtl .bee-textarea-word-limit{right:initial;left:10px}.bee-textarea-wrapper-rtl .bee-textarea-clear-icon{right:initial;left:10px}