@bee-design/ui/lib/Rate/style/index.css

Bee Design React UI Library.

.bee-rate{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bee-rate-disabled{cursor:not-allowed}.bee-rate-inner{display:flex;align-items:center;min-height:32px;font-size:18px;line-height:1}.bee-rate-character{position:relative;color:var(--bee-color-fill-3);transition:transform .2s cubic-bezier(.34,.69,.1,1)}.bee-rate-character:not(:last-child){margin-right:8px}.bee-rate-character-left,.bee-rate-character-right{transition:inherit}.bee-rate-character-left>*,.bee-rate-character-right>*{float:left}.bee-rate-character-left{position:absolute;top:0;left:0;width:50%;white-space:nowrap;overflow:hidden;opacity:0}.bee-rate-character-scale{animation:bee-rate-scale .4s cubic-bezier(.34,.69,.1,1)}.bee-rate-character-full .bee-rate-character-right{color:rgb(var(--bee-gold-6))}.bee-rate-character-half .bee-rate-character-left{color:rgb(var(--bee-gold-6));opacity:1}.bee-rate-character-disabled{cursor:not-allowed}.bee-rate:not(.bee-rate-readonly):not(.bee-rate-disabled) .bee-rate-character{cursor:pointer}.bee-rate:not(.bee-rate-readonly):not(.bee-rate-disabled) .bee-rate-character:focus,.bee-rate:not(.bee-rate-readonly):not(.bee-rate-disabled) .bee-rate-character:hover{transform:scale(1.2)}@keyframes bee-rate-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.bee-rate-rtl{direction:rtl}.bee-rate-rtl .bee-rate-character:not(:last-child){margin-right:0;margin-left:8px}.bee-rate-rtl .bee-rate-character-left{left:initial;right:0}.bee-rate-rtl .bee-rate-character-left>*,.bee-rate-rtl .bee-rate-character-right>*{float:right}