.title-bar-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #2f3e9e;
  color: white;
  align-items: center;
  padding: 0 10px;
  -webkit-app-region: drag;
  box-sizing: border-box;
  height: 30px;
  font-size: 12px;

  &.blur {
    background: #00186f;

    > * {
      opacity: 0.5;
    }
  }

  .btns {
    height: 100%;
    -webkit-app-region: no-drag;

    > button {
      background: none;
      border: none;
      outline: none;
      height: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: 0.1s;

      > i {
        font-size: 15px;
        color: white;
      }

      &:hover {
        background: rgba(255,255,255,0.2);
      }

      &:active {
        background: rgba(255,255,255,0.3);
      }

      &.close {
        &:hover {
          background: #a50000;
        }

        &:active {
          background: #ff0000;
        }
      }
    }
  }
}