@brizy/ui/es/SelectEditable2/style/index.css

React elements in Brizy style

.brz-ui-editable-select{position:relative;display:flex;width:100%;align-items:center}.brz-ui-editable-select-input{width:100%;border-style:none;background-color:var(--select-editable-background-active,var(--secondary-dark,#141923));color:var(--select-editable-color,var(--color-white,#fff));height:30px;font-size:13px;border-radius:5px;padding:4px 10px}.brz-ui-editable-select-input:focus{outline-width:0}.brz-ui-editable-select .brz-ui-icon__svg{width:30px;height:30px;border-radius:4px;position:relative;background-color:var(--select-editable-dots-background,var(--primary-dark,#3a404d));margin-left:5px;display:flex;cursor:pointer;align-items:center;justify-content:center}.brz-ui-editable-select .brz-ui-icon__svg svg{color:var(--select-editable-color,var(--color-white,#fff))}.brz-ui-editable-select .brz-ui-editable-select2{position:relative;width:100%;color:var(--select-editable-color,var(--color-white,#fff))}.brz-ui-editable-select .brz-ui-editable-select2-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:20px}.brz-ui-editable-select .brz-ui-editable-select2__button{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-width:1px;border-style:solid;border-color:var(--select-editable-background,var(--secondary-dark,#383e48));background-color:var(--select-editable-background,var(--secondary-dark,#383e48));color:var(--select-editable-color,var(--color-white,#fff));font-size:13px;padding:4px 10px;border-radius:5px}.brz-ui-editable-select .brz-ui-editable-select2__button .brz-ui-editable-select2--arrow{border-style:solid;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--select-editable-color,var(--color-white,#fff));border-bottom-color:transparent;border-width:6px 4px 0;transition-property:transform;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.brz-ui-editable-select .brz-ui-editable-select2__dropdown{visibility:hidden;position:absolute;z-index:10;width:100%;list-style-type:none;overflow-y:auto;border-width:1px;border-style:solid;border-color:var(--select-editable-background,var(--secondary-dark,#383e48));background-color:var(--select-editable-background,var(--secondary-dark,#383e48));padding:0;opacity:0;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:4px;margin-top:5px;max-height:200px}.brz-ui-editable-select .brz-ui-editable-select2__dropdown__item{position:relative;display:flex;width:100%;cursor:pointer;align-items:center;overflow:hidden;text-overflow:ellipsis;color:var(--select-editable-color,var(--color-white,#fff));padding:8px 10px;font-size:13px}.brz-ui-editable-select .brz-ui-editable-select2__dropdown__item:not(:last-child){border-bottom-width:1px;border-style:solid;border-color:var(--select-editable-item-border-color,#777f86);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}.brz-ui-editable-select .brz-ui-editable-select2__dropdown__item:last-child{border-bottom-width:1px;border-style:solid;border-color:transparent;border-left-width:3px;border-right-width:3px}.brz-ui-editable-select .brz-ui-editable-select2__dropdown__item--active,.brz-ui-editable-select .brz-ui-editable-select2__dropdown__item:hover{color:var(--color-blue,#3dbfe8);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.brz-ui-editable-select .brz-ui-editable-select2__dropdown::-webkit-scrollbar{width:7px}.brz-ui-editable-select .brz-ui-editable-select2__dropdown::-webkit-scrollbar-track{background-color:transparent;border-radius:25px}.brz-ui-editable-select .brz-ui-editable-select2__dropdown::-webkit-scrollbar-thumb{border-radius:25px;background-color:var(--select-editable-item-border-color,#777f86)}.brz-ui-editable-select .brz-ui-editable-select2.brz-ui-editable-select2__opened .brz-ui-editable-select2__dropdown{visibility:visible;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.brz-ui-editable-select .brz-ui-editable-select2.brz-ui-editable-select2__opened .brz-ui-editable-select2--arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.brz-ui-editable-select-dots{width:30px;height:30px;border-radius:4px;position:relative;cursor:pointer;background-color:var(--select-editable-dots-background,var(--primary-dark,#3a404d));margin-left:5px;min-width:30px}.brz-ui-editable-select-dots:after{content:"...";position:absolute;width:100%;text-align:center;color:var(--select-editable-color,var(--color-white,#fff));line-height:30px;font-size:15px;letter-spacing:.25px;top:-3px;font-weight:800}.brz-ui-editable-select__options{position:absolute;z-index:10;top:100%;right:-40px;margin-top:5px;width:110px;cursor:not-allowed}.brz-ui-editable-select__options:before{content:"";position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:var(--select-editable-dots-background,var(--primary-dark,#3a404d));top:-3px;width:8px;height:8px}.brz-ui-editable-select-extra-option{z-index:10;cursor:pointer;background-color:var(--select-editable-dots-background,var(--primary-dark,#3a404d));color:var(--select-editable-color,var(--color-white,#fff));height:30px;line-height:30px;width:110px;padding:0 10px;font-size:13px}.brz-ui-editable-select-extra-option:hover{color:var(--color-blue,#3dbfe8);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.brz-ui-editable-select-extra-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.brz-ui-editable-select-extra-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.brz-ui-editable-select-extra-option:not(:last-child){border-width:0 0 1px;border-style:solid;border-color:rgb(255 255 255 / var(--tw-border-opacity,1));--tw-border-opacity:0.2}.brz-ui-editable-select-extra-option.brz-ui-editable-select-extra-option__disabled{pointer-events:none;color:var(--select-disabled,#828b92)}.brz-ui-editable-select__error{font-size:12px;font-weight:600;padding-top:5px;padding-left:5px;color:var(--color-red,red)}