.logic {
  background: @canvas-color;
  .physical {
    display:none;
  }
  .forcephysical {
    .physical {
      display:block;
    }
    .logic {
      display:none;
    }
  }
  .togglebutton, .logicsource {
    .outer {
      fill: @canvas-color;
      stroke: @elem-color;
      stroke-width:1;
    }
    .inner {
      fill: @elem-color;
    }
  }

  .hidden {
    display:none;
  }

  .wire {
    polyline {
      fill:none;
      stroke: @wire-floating;
      stroke-width:1;
    }
    circle {
      fill: @wire-floating;
      stroke: none;
    }

    &.high, &.up {
      polyline {
        stroke:@wire-high;
        stroke-width:2;
      }
      circle {
        fill:@wire-high;
      }
    }
    &.low, &.down {
      polyline {
        stroke: @wire-low;
        stroke-width:2;
      }
      circle {
        fill: @wire-low;
      }
    }
    &.short {
      polyline {
        stroke:@wire-short;
        stroke-width:3;
      }
    }
    &:hover {
      polyline {
        stroke-width:3;
        animation-name: hilight;
        animation-duration: 1s;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
      }
    }
  }
  text.label {
    fill: @label-color;
  }
  rect.labelbg {
    fill:none !important;
    stroke: none !important;
  }
  .buswire {
    polyline {
      stroke: @wire-bus;
      stroke-width:2;
    }
  }

.power, .ground, .pull {
  circle, path, rect {
    fill: @elem-background;
    stroke:@elem-color;
    stroke-width:1;
  }
}
}

.label {
  &.low {
    text {
      fill: @wire-low;
    }
  }
  &.high {
    text {
      fill: @wire-high;
    }
  }
}

.momentarypushbutton {
  .outer {
    fill: @canvas-color;
    stroke: @elem-color;
    stroke-width:1;
    cursor:pointer;
  }
  .inner {
    fill: @elem-color;
    cursor:pointer;
  }
}


.togglebutton, .logicsource {
  .outer {
    cursor:pointer;
  }
  text.inner {
    cursor:pointer;
  }
  &.forcephysical {
    circle {
      fill: #ff0000;
    }
    text.inner {
      font-size:8px;
    }
  }
}

.logicblock {
  .outer, path {
    fill: @canvas-color;
    stroke: @elem-color;
    stroke-width:1;
  }
  text {
    fill: @elem-color;
  }
}

#background {
  circle {
    fill: @grid-color;
  }
}

.invisible {
  display:none;
}

.ledbar {
  .pull {
    rect, path {
      stroke-width:0.5;
    }
  }
  rect {
    fill:#CCCCCC;
  }
  .led rect {
    fill: #bbbbbb;
  }
}
.ledbar.blue {
  .led rect.on {
    fill: #0000FF;
  }
}
.ledbar.red {
  .led rect.on {
    fill: #ff0000;
  }
}

.smalllabel {
  text.label {
    font-size:75%;
  }
}