/*!
 * vue-mindmap v0.0.4
 * (c) 2018 Antério vieira
 * Released under the MIT License.
 */

.mindmap-svg {
  height: 100vh;
  width: 100%; }
  .mindmap-svg:focus {
    outline: none; }

.mindmap-node > a {
  background: #f5f5f5;
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
  display: inline-block;
  font-family: 'Raleway';
  font-size: 22px;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s, color .2s ease-out; }
  .mindmap-node > a[href]:hover {
    background-color: #f57c00;
    color: #fff;
    cursor: pointer; }

.mindmap-node--editable {
  cursor: all-scroll; }
  .mindmap-node--editable > a {
    pointer-events: none; }

.mindmap-subnode-group {
  align-items: center;
  border-left: 4px solid #9e9e9e;
  display: flex;
  margin-left: 15px;
  padding: 5px; }
  .mindmap-subnode-group a {
    color: #212121;
    font-family: 'Raleway';
    font-size: 16px;
    padding: 2px 5px; }

.mindmap-connection {
  fill: transparent;
  stroke: #9e9e9e;
  stroke-dasharray: 10px 4px;
  stroke-width: 3px; }

.mindmap-emoji {
  height: 24px;
  vertical-align: bottom;
  width: 24px; }

.reddit-emoji {
  border-radius: 50%; }