.is-blurred {
  .tree-view {
    background: #f3f3f3;
    border-right: 1px solid #c5c5c5;

    &:focus .selected > .highlight {
      border-top: 1px solid #3D4552;
      border-bottom: 1px solid #3D4552;
      background-image: none;
      background-color: #69717b;
    }

    .selected > .highlight {
      box-sizing: border-box;
      border-top: 1px solid #97a4a7;
      border-bottom: 1px solid #97a4a7;
      background-image: none;
      background-color: #DFDFDF;
    }

    .name:before {
      color: #7e7e7e;
    }
  }

  .tab {
    background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.5), /* top hightlight */
      inset 1px 0 0 rgba(255, 255, 255, 0.3), /* left highlight */
      inset 0 -1px 0 rgba(255, 255, 255, 0.2), /* bottom shadow */
      inset -1px 0 0 rgba(0, 0, 0, 0.2), /* right shadow */
      inset -2px 0 0 rgba(255, 255, 255, 0.1); /* right hightlight */
    color: #777;

    .close-icon {
      color: #8d8d8d;
    }
  }
}
