@import "//fonts.googleapis.com/css?family=Share+Tech+Mono";.user-group text{fill:gray;font-family:Share Tech Mono;font-size:60px}.hidden{width:0;height:0}.alert.alert-fade{opacity:0}.alert{color:#8b0000;opacity:1;transition:opacity 3s ease-in-out}.successfully-saved{color:#fff;text-align:center}.alert-info{background-color:#87cefa}.alert-warn{background-color:#b8860b}.alert-error{background-color:#f08080}.alert-success{background-color:#7fffd4}.console,#stage,textarea,button,input{font-family:Share Tech Mono,sans-serif}circle.area,rect.area{transition:fill .4s}svg #users .in-focus{fill:#fff}svg #users .not-in-focus{fill:#000}svg #users .active{fill:gray}svg #users.appear{animation:.5s ease-out forwards fadeIn}svg #users.disappear{animation:.5s ease-out forwards fadeOut}@keyframes fadeOut{0%{visibility:visible;opacity:1;display:block;transform:scale(1)}99%{visibility:visible;opacity:0;display:block;transform:scale(2)}to{visibility:hidden;opacity:0;display:none;transform:scale(2)}}@keyframes fadeIn{0%{visibility:hidden;opacity:0;display:none;transform:scale(2)}1%{visibility:visible;opacity:0;display:block;transform:scale(2)}to{opacity:1;display:block;transform:scale(1)}}svg .in-focus{fill:#00b4db}svg .not-in-focus{fill:#00d7fe}svg .active{fill:#000}svg text{pointer-events:none}#users li{color:#fff;background-color:#000;width:200px;list-style:none}#users a{color:#fff;cursor:pointer;margin-left:12px}#users rect{cursor:hand}#users text{pointer-events:none}.username{fill:#fff}.user-group-complete rect{fill:gray}.user-group:hover text{fill:#000}.user-group-complete:hover rect,.user-group:hover rect{fill:#fff}.user-click{fill-opacity:0}.area-label{fill:#fff}.coloured-bg{background-color:#00d7fe}textarea{min-height:150px;font-size:large}.js-area-highlight,.js-area-standard{fill:#00d7fe}.area{stroke:#fff;stroke-width:1px}.dropper{fill:#fff;pointer-events:none}.dropped{fill:#708090}