.rating{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;max-width:200px;min-width:200px}.rating>span{align-items:center;cursor:pointer;display:inline-flex;height:20px;justify-content:center;width:20px}.rating>span>*{pointer-events:none}.rating>span .dot{align-items:center;border:1px solid;border-radius:5px;color:#000;display:flex;font-size:12px;height:10px;justify-content:center;width:10px}.rating>span .dot.filled{background-color:#000}.attribute{align-items:stretch;border:1px solid transparent;box-sizing:border-box;display:flex;flex:1;justify-items:stretch;line-height:1em;min-height:2em}.attribute>.editable{align-items:center;display:flex;height:auto;justify-content:center;min-width:40px;text-align:center}.attribute .name{flex:1;justify-content:flex-start;text-align:left}.attribute.is-computed{background-color:#ccf8f8;border-color:#b5f5f5;color:#666;font-weight:700}.attribute.is-computed>.value.editing{border-radius:5px;left:2px;overflow:hidden;position:absolute;right:2px}.attribute.as-numeric>.value.rating,.attribute.as-rating:not(:hover)>.modifier,.attribute.as-rating:not(:hover)>.value.numeric,.attribute:hover>.value.rating{display:none}.attribute.as-rating:not(:hover) .value.rating,.attribute.as-rating:not(:hover) .value.rating>span{display:flex;flex:2;height:100%;justify-content:flex-end;max-width:100%;width:100%}.attribute.as-rating:not(:hover) .value.rating>.rating,.attribute.as-rating:not(:hover) .value.rating>span>.rating{justify-content:flex-start;max-width:100%;min-width:100%}.attribute.as-rating:not(:hover) .value.rating>.rating>span,.attribute.as-rating:not(:hover) .value.rating>span>.rating>span{height:10px;width:10px}.attribute.as-rating:not(:hover) .value.rating>.rating>span>.dot,.attribute.as-rating:not(:hover) .value.rating>span>.rating>span>.dot{height:8px;width:8px}.attribute.as-rating:not(:hover) .value.rating>.rating>span:nth-child(5n+1),.attribute.as-rating:not(:hover) .value.rating>span>.rating>span:nth-child(5n+1){margin-left:3px}.attribute.as-rating:not(:hover)>.modifier.positive:before{content:"+"}.attribute .modifier{align-items:center;display:flex;height:auto;justify-content:center;min-width:40px;text-align:center}.attribute .modifier.positive{color:green}.attribute .modifier.negative{color:red}.attribute .modifier.zero{color:grey}